Mobile terms
Crafting experiences for the device that never leaves your pocket
Mobile development demands a different set of trade-offs: limited battery, variable connectivity, small screens, and users with high expectations and short attention spans. This category covers native and cross-platform approaches, responsive design, offline-first patterns, push notifications, performance on constrained hardware, and the platform-specific conventions of iOS and Android.
App Shell Pattern
A PWA architecture that separates the minimal UI skeleton (shell) from dynamic content — the shell is cached by the service worker and loads instantly, while content is fetched fresh on each visit.
2mo ago
mobile intermediate
Progressive Web App (PWA)
A web application that uses modern browser APIs to deliver app-like experiences — installable on the home screen, working offline, and receiving push notifications — without requiring an app store.
2mo ago
mobile intermediate
Push Notifications (Web)
Browser notifications delivered to users even when the web page is not open, implemented via the Push API and service workers — requiring explicit user permission and a server-side push service.
2mo ago
mobile intermediate
Service Worker
A JavaScript file that runs in the background separate from the web page, intercepting network requests to enable offline support, background sync, and push notification delivery.
2mo ago
mobile intermediate
App Shell Architecture PHP 7.0+
Caching the minimal HTML, CSS, and JS needed to display the UI skeleton on first load — so the shell renders instantly from cache while dynamic content loads from the network.
2mo ago
mobile intermediate
Mobile Web Performance
Optimising web applications for mobile constraints — slower CPUs, limited RAM, high-latency 4G/5G, and battery sensitivity require different optimisation priorities than desktop.
2mo ago
mobile intermediate
PWA Installation & Add to Homescreen HTML5
Progressive Web Apps can be installed to the home screen like native apps — requiring HTTPS, a Web App Manifest, and a Service Worker, plus meeting browser-specific installation criteria.
2mo ago
mobile intermediate
Responsive Design Patterns CSS3
Layout patterns for adapting UI across screen sizes — fluid grids, the column drop pattern, layout shifter, mostly fluid, and off-canvas navigation.
2mo ago
mobile intermediate
Touch Events & Pointer Events ES2015
Handling touch input on mobile — the Pointer Events API unifies mouse, touch, and stylus into one event model, replacing the need for separate touch and mouse event handlers.
2mo ago
mobile intermediate
Progressive Web Apps (PWA) ES2015 Web applications that use service workers, a manifest, and HTTPS to provide app-like experiences — installable, offline-capable, and push notification-enabled.
2mo ago
mobile intermediate