Track Awesome Mobile Web Development Updates Daily

All that you need to create a great mobile web experience

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 myshov/awesome-mobile-web-development · ⭐ 1.1K · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Apr 14, 2021

Articles and Documentation

• Back/forward cache - How to optimize site for navigation through the history.

• Benchmarking the global 5G experience - A case study on prolifiration of 5G networks.

• Enhance SMS-delivered code security with domain-bound codes - On additional security measures for 2FA.

• Faster Web App Delivery with PRPL - On pattern for performant web applications.

• Hiding Videos on the Mobile Web - How to hide videos without an impact on mobile traffic.

• Interaction Media Features and Their Potential (for Incorrect Assumptions - On detection of various input devices.

• Mobile Performance Inequality Gap - Why you need to care of performance on cheap smartphones.

Mar 03, 2021

Articles and Documentation

• Measuring Network Performance in Mobile Safari - An advices on using Mobile Safari for measuring network performance.

Jun 22, 2020

Articles and Documentation

• CSS fix for 100vh in mobile WebKit - How to fix issue with 100vh in mobile WebKit.

May 21, 2020

Articles and Documentation

• What Does A Foldable Web Actually Mean? - Musings on the impact of foldable phones on web.

May 20, 2020

Articles and Documentation

• The Impact of Web Performance - On performance as a key factor for the business.

May 19, 2020

Articles and Documentation

• Loading web pages fast on a $20 feature phone - Best practices for building web pages for feature phones.

May 05, 2020

Books

• Mobile First - How to design sites for mobile devices (free online version).

May 02, 2020

Articles and Documentation

• Designing a Dark Theme for OLED iPhones - On issues with dark themes on OLED displays and what to do with them.

Mar 04, 2020

Articles and Documentation

• Current Web on Galaxy Fold - An advices on web development for Galaxy Fold.

Other Useful Tools and Libraries

• Screen Sizes - A list of screen sizes of all popular smartphones.

• Shiny (⭐2.8k) - Shiny reflections for mobile websites.

Jan 21, 2020

Articles and Documentation

• Adaptive loading: improving web performance on slow devices - How to optimize site for specific hardware and network constraints.

• HTML attributes to improve your users' two factor authentication experience - On autocomplete attribute regarding 2fa.

• Microbrowsers are Everywhere - On optimizing sites for messengers.

Talks

• Adaptive Loading - Improving web performance on slow devices - Overview of practices for adapting a site to hardware and network constraints, by Addy Osmani, Nate Schloss.

Sep 24, 2019

Articles and Documentation

• How Web Content Can Affect Power Usage - What you can do with web app to achieve better battery life.

• The joy and challenge of developing for KaiOS - How to start developing for KaiOS.

Aug 20, 2019

Auditing Tools

• Mobile-Friendly Test - Tool for testing that your site is mobile-friendly.

Jun 10, 2019

Articles and Documentation

• Self-Host Your Static Assets - Reason why you need to self-host your static assets.

May 11, 2019

Articles and Documentation

• Timing Out - A service worker strategy for dealing with lie-fi (a bad network connection).

Mar 10, 2019

Articles and Documentation

• Cache-Control for Civilians - How to setup Cache-Control to achieve the best reponse time.

Feb 26, 2019

Articles and Documentation

• Web Content Accessibility Guidelines (WCAG) - Wide range of recommendations for making Web content more accessible.

• Who Killed My Battery - An interesting paper about websites' power consumption.

Feb 25, 2019

Articles and Documentation

• Tips for making interactive elements accessible on mobile devices - List of advices on creating accessible mobile UI.

Feb 02, 2019

Articles and Documentation

• Everyone has JavaScript, right? - A diagram that shows in which cases JavaScript can be unavailable.

• Offline First (Awesome List) (⭐2.9k) - The awesome list of offline-first stuff (Progressive Web Apps, Service Workers etc.)

• Rules for Mobile Performance Optimization - An overview of techniques to speed page loading.

Feb 01, 2019

Articles and Documentation

• Get Started with Remote Debugging Android Devices - Debug your web app on Adroid with Chrome DevTools.

Other Useful Tools and Libraries

• Lozad.js (⭐7.1k) - Highly performant, light and configurable lazy loader using IntersectionObserver API

Jan 27, 2019

Articles and Documentation

• Responsive Web Design – What It Is And How To Use It - Overview of technics of responsive design.

Auditing Tools

• Test Your Mobile Speed - The tool from Google that performs comprehesive speed check of the mobile site.

Aug 28, 2018

Other Useful Tools and Libraries

• WorkerDOM - Library to provide a full representation of the DOM inside of Web Workers.

Aug 04, 2018

Articles and Documentation

• 300ms Tap Delay, Gone Away - How to prevent 300 ms delay on tap.

• 60 FPS on Mobile Web - How to make a really fast mobile website (by Flipboard).

• Animating the Mobile Web - A case study on achieving fast animations on mobile web (by Yelp).

• Autofill: What web devs should know, but don’t - Everything you need to know about forms autofill.

• Designing Websites for iPhone X - How to deal with "the notch" on iPhone X.

• Developing Mobile Web Applications: When, Why, and How - The good high-level overview of mobile web development.

• Guidelines For Mobile Web Development - The compilation of good articles about mobile web development.

• How To Poison The Mobile User - An overview of negative practices on mobile sites.

• Learn AMP by Example - A hands-on introduction to Accelerated Mobile Pages focusing on code and live samples.

• Mobile Search UX 8 Obstacles - Series of articles about mobile search UX.

• Mobile Web Best Practices - A little bit out of date but still useful list of best practices for mobile websites from W3C.

• Mobile Web Application Best Practices - The list of best practices for mobile web applications from W3C.

• Mobile Web Development - Guideline (must read) from Mozilla about designing mobile websites.

• Mobile Web Performance Checklist - Best practices for optimizing mobile web apps.

• Observing Intersection Observers - An introduction to intersection observers.

• Prevent Mobile Browser From Sleeping - How to prevent your phone from sleeping.

• Touch Devices Should Not Be Judged By Their Size - Overview of interaction media features.

• Web Fundamentals - Guideline from Google about creating good mobile web experiences.

Books

• Brain Food Mobile Performance - Free small ebook on mobile performance from Awwwards.

• Going Offline - Guide on building offline experience with service workers.

• High-Performance Mobile Web: Best Practices for Optimizing Mobile Web Apps - Book about the performance of the web on mobile devices.

• Responsive Web Design - Book about responsive web design.

Specifications from W3C for Enhancing Mobile Web Experience

• Battery API - On access to information about the battery.

• Connection API - On access to information about connection.

• Generic Sensor API - The spec for exposing sensor data.

• Geolocation API - On access to geolocation.

• HTML Media Capture - On user access to camera or microphone.

• Payment Request API - On payment method with minimal integration.

• Presentation API - On access to presentation displays.

• Remote Playback API - On controlling remote playback of media from a web page.

• Vibration API - On access to the vibration mechanism of the hosting device.

• Visual Viewport API - On access to a visual portion of a screen excluding on-screen keyboards, areas outside of a pinch-zoom area etc..

• Wake Lock Api - On access to wake lock request (prevents some aspect of a device from entering the power-saving state).

• Web Bluetooth - On an API to discover and communicate with devices over the Bluetooth 4.

• Web NFC API - On access to Near Field Communication capabilities of the device.

• Web Notifications - On an API for end-user notifications.

Talks

• Fundamentals of Mobile Web Development - Overview of the best practices for mobile web development, by Matt Gaunt.

• Future App Model: Advanced Service Worker - The glimpse on how to optimize web apps and sites using streams and service workers and other new APIs, by Jake Archibald.

• Instant Loading: Building offline-first Progressive Web Apps - Introduction to service workers, by Jake Archibald.

• Mobile Web Performance - What to do on your site to achieve the best possible mobile experience, by Estelle Weyl.

• Mobile Web Performance Auditing - How to audit performance issues on the site, by Paul Lewis.

Auditing Tools

• Lighthouse (⭐25k) - Analyzing tool for web apps and web pages.

• PageSpeed Insights - The tool that analyzes your page and gives recommendations for increasing downloading speed.

• PageSpeed - Web server modules that optimize your site automatically.

• Site Speed Checker - Compare the speed of your mobile site to others.

• Webpagetest - Website speed test from multiple locations using real browsers and at real consumer connection speeds.

Platform Monitoring

• Can I Use - State of support of various web features in browsers.

• Mobile Browser Market Share - Market share between various platforms and countries.

• Standards for Web Applications on Mobile - Current state of mobile-related W3C specifications.

• What Web Can Do Today - What your browser capable of.

Other Useful Tools and Libraries

• Browsersync - Time-saving synchronised browser testing.

• Eruda (⭐13k) - Console for mobile web browsers.

• Interact.js (⭐11k) - Drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers.

• Fastclick (⭐19k) - Removing of 300ms delay in old browsers.

• React Dates (⭐12k) - An easily internationalizable, mobile-friendly datepicker React library for the web.

• Slideout (⭐8k) - Standalone and lightweight navigation menu for your mobile web apps.

• Swiper (⭐33k) - The most modern mobile touch slider with hardware accelerated transitions.

• Web Inspector Remote (Weinre) - Web inspector for debugging sites in non-mainstream browsers.

• Web Starter Kit (⭐18k) - A workflow for multi-device websites.

May 12, 2018

Books

• Mobile Design Pattern Gallery: UI Patterns for Smartphone Apps - UI patterns which can be useful for mobile web apps.

Other Useful Tools and Libraries

• Workbox - JavaScript libraries for adding offline support to web apps.