Personal Software: The Unbundling of the Programmer?
Why LLMs will transform development but not how you think
it's about how AI tools are enabling a new category of software that simply couldn't exist before.
When someone can describe their specific needs conversationally and receive working code in response, the economics of personal software development shift dramatically.
Think of it this way: just as spreadsheets enabled non-programmers to perform complex calculations and data analysis, AI-assisted development tools are enabling non-programmers to create personal software solutions.
iPhone Templates - Eric Kennedy
It’s got:
- Horizontal rulers at the top of the frame showing where (1) page actions, (2) page title, and (3) the search bar (if applicable) go
- Horizontal rulers at the bottom of the page showing where the tab bar goes
- Vertical rulers at (1) the standard iOS side margins and (2) the centerline
- A single-layer status bar – easy to delete or change to white, as needed
- A single layer device outline (including notch)
And it makes it dead simple to lay out apps in a “typical” iOS style.
Why the GOV.UK Design System team changed the input type for numbers - Technology in government
We take a look at why the GOV.UK Design System changed the element it uses for inputting numbers, making it more accessible and easier to use.
Using <input type="text" inputmode="numeric" pattern="[0-9]*">
allows for a degree of separation between how the user enters data (“input mode”), what the browser expects the user input to contain (type equals number), and potentially how it tries to validate it.
iOS Design Guidelines: Illustrated Patterns (+ free templates)
iPhone design guidelines for UI elements, typography, navigation, design patterns, and more · Downloadable resources · iPhone Sketch template
Apple iOS Device Screen Sizes
A complete guide for Apple displays for iphone, ipad, etc.
Alex Blom: Performant Animations for Hybrid Apps - YouTube
Adding animations to web and hybrid apps can be challenging. Aside from choosing technique, you are often left with jank and less than desirable performance ...
The Principles of UX Choreography
Disney developed 12 Principles of Animation which I find to be so important because of the way they depict realistic movement and emotional engagement.
Feedback
Feedforward
Spatial Awareness
User Focus
Brand Tone of Voice
Quick Intro to Using Svelte to Create a Native Mobile App
Web apps written with Svelte are blazing fast. While you could certainly use a technology like Apache Cordova to create a mobile app, you're likely better off using a JavaScript-Native framework like NativeScript.
Everything You Ever Wanted to Know About inputmode | CSS-Tricks
The inputmode attribute that helps browsers on devices with on-screen keyboards decide which keyboard to display (e.g. telephone, numeric, email, search) has been around for long, but it wasn’t until a few months ago that Safari for iOS and Chrome for Android adopted it. Time to get familiar with the concept. Christian Oliff’s article “Everything You Wanted To Know About inputmode” is a great primer to dive deeper into the attribute and how to make use of it. (cm)
Flutter: the good, the bad and the ugly – The ASOS Tech Blog – Medium
Having created my first app using Flutter, I weigh up the technology’s pros and cons against the other big cross-platform development contender — React Native
Cross-platform frameworks offer one-code path to mobile dev
Glorified webpage
A hybrid app framework, such as Apache Cordova or Ionic, can also offer a native mobile feel, although it runs the app in a WebView.
Safety Insurance agency in Boston used Cordova to create a web-based app that is compatible with Android and iOS. Five years ago, hybrid apps suffered from performance issues because mobile devices didn't have the strongest processing power, so NativeScript or React Native would've been a better option then, said Keith Carangelo, web development manager at the agency.
"Now, the phones are fast enough to deal with all of the JavaScript," he said. "You don't tell that our app is web-based."
The ability to have different development environments for each mobile OS is a good option as well, Carangelo said.
"When you want to change things [in NativeScript or React Native], it takes so long to get to that environment and make sure your tooling is up to date," he said. "To make changes in two environments isn't necessarily the hardest thing."
Optimising mobile web navigation
Adding a hamburger menu was convenient, but removing it ultimately led to better business performance.
Whether that’s by making the hamburger toggle action more explicit, or removing it completely — the gains can be considerable.
We’ve taken the learnings from these tests forward and are avoiding hamburger menus where possible. One recent example is a relatively complex e-commerce site, for which we’ve designed a site structure tailored around mobile optimised navigation — allowing us to expose the menu items by default.
iOS remote push notifications in a nutshell – Flawless App Stories – Medium
What are remote Push Notifications?
Well if you ask the folks at Apple, they will probably direct you to this page on their website where they describe notifications as follows:
Apple Push Notification service (APNs) is the centerpiece of the remote notifications feature. It is a robust, secure, and highly efficient service for app developers to propagate information to iOS (and, indirectly, watchOS), tvOS, and macOS devices.
The Dominey Effect: For the Love of the Web, Learn Swift · An A List Apart Column
After immersing myself in it for a year, I find Swift to be deeply web in its soul. From its expressive, functional syntax and its interpretive playgrounds to its runtime performance and recent foray into open source, Swift is the web developer’s compiled language (with the mature and convenient safeguards characteristic of the compiled environment).
Everything you need to get you started is here. It’s free. And the community is amazing.
Sass Burger
Apple - Human Interface Guidelines
1125px × 2436px (375pt × 812pt @3x)
Mixing Cordova/PhoneGap Components with Native iOS
I built this tutorial to serve as a guide to creating a hybrid mobile application combining both native iOS controls and Cordova/PhoneGap components to leverage the best of both worlds as an alternative to picking one over the other. Developers may choose to do this if they want to use specific native UI features but still code the bulk of their business logic in JavaScript or reuse existing JavaScript logic by embedding it as a Cordova component while maintaining the rest of the native scaffolding. There are also benefits to using this approach in making an application feel more native.
Here’s a list of fun apps to build!
Here are 8 fantastic projects to train your coding muscles! The goal is to build each app with whatever technology stack you prefer. Keep it conflict free, use whatever you want!