Progressive Subcompact Publications: Links, resources, patterns and ideas
- Responsive Web Design - [Responsive Web Design](https://abookapart.com/products/responsive-web-design) — Ethan Marcotte, A Book Apart - [Responsible Responsive Design](https://abookapart.com/products/responsible-responsive-design) — Scott Jehl, A Book Apart - [Going Responsive](https://abookapart.com/products/going-responsive) — Karen McGrane, A Book Apart - [Responsive Design: Patterns and Principles](https://abookapart.com/products/responsive-design-patterns-principles) — Ethan Marcotte, A Book Apart - [Design For Real Life](https://abookapart.com/products/design-for-real-life) — Eric Mayer & Sara Wachter-Boettcher, A Book Apart - [Inclusive Design Patterns](https://www.smashingmagazine.com/books/#inclusive-design-patterns) — Haydon Pickering, Smashing Books - Service Workers - [caniuse.com support matrix](http://caniuse.com/#feat=serviceworkers) - [Specification](https://w3c.github.io/ServiceWorker/) - [Is ServiceWorker ready?](https://jakearchibald.github.io/isserviceworkerready/resources.html) — Jake Archibald - [Service Workers: an Introduction](https://developers.google.com/web/fundamentals/getting-started/primers/service-workers) — Web Fundamentals - [Service Worker API](https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API) — MDN - Support by browsers - [MS Edge](https://developer.microsoft.com/en-us/microsoft-edge/platform/status/serviceworker/) - [WebKit - Safari](https://webkit.org/status/#specification-service-workers) - [Firefox](https://platform-status.mozilla.org/#service-worker) - [Chrome / Opera](https://www.chromestatus.com/feature/6561526227927040) - Background Sync - [Background synchronization explained](https://github.com/WICG/BackgroundSync/blob/master/explainer.md) - Accessibility - [A11y Project](http://a11yproject.com/) - Chrome [Accessibility Developer Tools](accessibility-developer-tools) - [A11y accessibility checker](https://www.w3.org/TR/appmanifest/) - [Introduction to web accessibility course](https://webaccessibility.withgoogle.com/course) — Google - [The WAI Forward](https://www.smashingmagazine.com/2014/07/the-wai-forward/) — Heydon Pickering, Smashing Magazine - [Colour Contrast Analyser](https://www.paciellogroup.com/resources/contrastanalyser/)— The Paciello Group - [Accessibility Testing Tools Updated](https://www.paciellogroup.com/blog/2014/10/accessibility-testing-tools-updated/) — The Paciello Group - Service Worker related - Web Push Notifications - [Web Push Notifications: Timely, Relevant, and Precise](https://developers.google.com/web/fundamentals/engage-and-retain/push-notifications/) — Web Fundamentals - [What Makes a Good Notification?](https://developers.google.com/web/fundamentals/engage-and-retain/push-notifications/good-notification) - [Video: Web Push Notifications](https://www.youtube.com/watch?v=_dXBibRO0SM&ab_channel=GoogleChromeDevelopers) — Google I/O 2016 - [Bringing Push Notifications to the Mobile Web](https://www.youtube.com/watch?v=HbmcnjWFGbY&ab_channel=@Scale) — @scale - [Deep Engagment with Push Notifications](https://www.youtube.com/watch?v=Zq-tRtBN3ws&ab_channel=GoogleChromeDevelopers) — Progressive Web App Summit 2016 - Installation on mobile home screen - [Add to homescreen](https://developer.chrome.com/multidevice/android/installtohomescreen) — Android - [Web App Install Banners](https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/?hl=en) — Chrome for Android - [Increasing Engagement with Web App Install Banners](https://developers.google.com/web/updates/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android) — Chrome for Android - [Configuring Web Applications](https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html) — iOS - [Web manifest specification](http://html5doctor.com/web-manifest-specification/) — HTML5 Doctor - Peformance - General Readings - [High Performance Browser Networking](https://hpbn.co/) — Ilya Grigorik, O’Reilly - [Web Performance Warrior: The business of speed](http://www.oreilly.com/webops-perf/free/web-performance-warrior.csp) - Andy Still, O’Reilly - Performance Patterns - [Introducing RAIL: A User-Centric Model For Performance](https://www.smashingmagazine.com/2015/10/rail-user-centric-model-performance/) - [Serve your content](https://www.polymer-project.org/1.0/toolbox/server) (introduces the PRPL pattern) - HTTP2 - [High Performance Browser Networking, chapter 12](https://hpbn.co/http2/) — Ilya Grigorik, O’Reilly - [Are you ready for HTTP/2 Server Push?!](https://blogs.akamai.com/2016/04/are-you-ready-for-http2-server-push.html) — Akhil Jayaprakash - [Innovating with HTTP2 server push](https://www.igvita.com/2013/06/12/innovating-with-http-2.0-server-push/) — Ilya Grigorik - Readings - [Performance: Showing Versus Telling](http://alistapart.com/article/performance-showing-versus-telling) — Lara Hogan - [An Introduction to perceived performance](http://blog.teamtreehouse.com/perceived-performance) — Matt West - [Response Times: The 3 Important Limits](https://www.nngroup.com/articles/response-times-3-important-limits/) — Jakob Nielsen - [Powers of 10: Time Scales in User Experience](https://www.nngroup.com/articles/powers-of-10-time-scales-in-ux/) — Jakob Nielsen - [Response time in man-computer conversational transactions](http://theixdlibrary.com/pdf/Miller1968.pdf) — Robert Miller - [The information visualizer: An information workspace](http://www2.parc.com/istl/groups/uir/publications/items/UIR-1991-01-Card-CHI91-IV.pdf) — Card, Robertson and Mackinlay - [A Beginner's Guide to Perceived Performance: 4 Ways to Make Your Mobile Site Feel Like a Native App](http://dev.mobify.com/blog/beginners-guide-to-perceived-performance/) — Kyle Peatt - [A Study on Tolerable Waiting Time: How long Are Web Users Willing to Wait?](http://sighci.org/uploads/published_papers/bit04/BIT_Nah.pdf)— Fiona Fui-Hoon Nah - [Interaction in 4-Second Bursts: The Fragmented Nature of Attentional Resources in Mobile HCI](http://www.interruptions.net/literature/Oulasvirta-CHI05-p919-oulasvirta.pdf)— Antti Oulasvirta, Sakari Tamminen, Virpi Roto, and Jaana Kuorelaht - [Quantifying Interactive User Experience on Thin Clients](http://isr.cmu.edu/doc/tolia06-ieee.pdf)— Niraj Tolia, David G. Andersen, and M. Satyanarayanan - [Characterizing Web Use on Smartphones](http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.366.1170&rep=rep1&type=pdf)— Chad C. Tossell, Philip Kortum, Ahmad Rahmati, Clayton Shepard, Lin Zhong - [Playing With Tactile Feedback Latency in Touchscreen Interaction: Two Approaches](http://link.springer.com/chapter/10.1007%2F978-3-642-23771-3_42)— Topi Kaaresoja, Eve Hoggan, Emilia Anttila