41
GitHub - myshov/awesome-mobile-web-development: All that you need to create a gr...
source link: https://github.com/myshov/awesome-mobile-web-development
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
README.md
Awesome Mobile Web Development
All that you need to create a great mobile web experience.
Contents
- Articles and Documentation
- Books
- Specifications from W3C for Enhancing Mobile Web Experience
- Talks
- Performance Auditing Tools
- Platform Monitoring
- Other Useful Tools and Libraries
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.
- Offline First (Awesome List) - The awesome list of offline-first stuff.
- Prevent Mobile Browser From Sleeping - How to prevent your phone from sleeping.
- Responsive Web Design – What It Is And How To Use It - Oerview of technics of responsive design.
- Touch Devices Should Not Be Judged By Their Size - Overview of interaction media features.
- Who Killed My Battery - An interesting paper about websites' power consumption.
- 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.
- Mobile Design Pattern Gallery: UI Patterns for Smartphone Apps - UI patterns which can be useful for mobile web apps.
- Mobile First - How to design sites for 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.
Performance Auditing Tools
- Lighthouse - 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 - Console for mobile web browsers.
- Interact.js - Drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers.
- Fastclick - Removing of 300ms delay in old browsers.
- React Dates - An easily internationalizable, mobile-friendly datepicker React library for the web.
- Shiny - Shiny reflections for mobile websites
- Slideout - Standalone and lightweight navigation menu for your mobile web apps.
- Swiper - 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 - A workflow for multi-device websites.
- Workbox - JavaScript libraries for adding offline support to web apps.
- WorkerDOM - Library to provide a full representation of the DOM inside of Web Workers.
License
To the extent possible under law, @myshov has waived all copyright and related or neighboring rights to this work.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK