Track Awesome Mobile Web Development Updates Weekly
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
Apr 12 - Apr 18, 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 01 - Mar 07, 2021
Articles and Documentation
- Measuring Network Performance in Mobile Safari - An advices on using Mobile Safari for measuring network performance.
Jun 29 - Jul 05, 2020
Articles and Documentation
- CSS fix for 100vh in mobile WebKit - How to fix issue with 100vh in mobile WebKit.
May 25 - May 31, 2020
Articles and Documentation
- Loading web pages fast on a $20 feature phone - Best practices for building web pages for feature phones.
- The Impact of Web Performance - On performance as a key factor for the business.
- What Does A Foldable Web Actually Mean? - Musings on the impact of foldable phones on web.
May 11 - May 17, 2020
Books
- Mobile First - How to design sites for mobile devices (free online version).
May 04 - May 10, 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 09 - Mar 15, 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 27 - Feb 02, 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 30 - Oct 06, 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 26 - Sep 01, 2019
Auditing Tools
- Mobile-Friendly Test - Tool for testing that your site is mobile-friendly.
Jun 17 - Jun 23, 2019
Articles and Documentation
- Self-Host Your Static Assets - Reason why you need to self-host your static assets.
May 13 - May 19, 2019
Articles and Documentation
- Timing Out - A service worker strategy for dealing with lie-fi (a bad network connection).
Mar 11 - Mar 17, 2019
Articles and Documentation
- Cache-Control for Civilians - How to setup Cache-Control to achieve the best reponse time.
Mar 04 - Mar 10, 2019
Articles and Documentation
- Tips for making interactive elements accessible on mobile devices - List of advices on creating accessible mobile UI.
- 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 04 - Feb 10, 2019
Articles and Documentation
- Everyone has JavaScript, right? - A diagram that shows in which cases JavaScript can be unavailable.
- Get Started with Remote Debugging Android Devices - Debug your web app on Adroid with Chrome DevTools.
- 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.
Other Useful Tools and Libraries
- Lozad.js (⭐7.1k) - Highly performant, light and configurable lazy loader using IntersectionObserver API
Jan 28 - Feb 03, 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 27 - Sep 02, 2018
Other Useful Tools and Libraries
- WorkerDOM - Library to provide a full representation of the DOM inside of Web Workers.
Jul 30 - Aug 05, 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 07 - May 13, 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.