Progressive Subcompact Publications: Links, resources, patterns and ideas

• December 05 2016
• 3 min. read

• Responsive Web Design

  • Responsive Web Design — Ethan Marcotte, A Book Apart
  • Responsible Responsive Design — Scott Jehl, A Book Apart
  • Going Responsive — Karen McGrane, A Book Apart
  • Responsive Design: Patterns and Principles — Ethan Marcotte, A Book Apart
  • Design For Real Life — Eric Mayer & Sara Wachter-Boettcher, A Book Apart
  • Inclusive Design Patterns — Haydon Pickering, Smashing Books

• Service Workers

  • caniuse.com support matrix

  • Specification

  • Is ServiceWorker ready? — Jake Archibald

  • Service Workers: an Introduction — Web Fundamentals

  • Service Worker API — MDN

  • Support by browsers

    • MS Edge
    • WebKit - Safari
    • Firefox
    • Chrome / Opera

  • Background Sync

    • Background synchronization explained

• Accessibility

  • A11y Project
  • Chrome Accessibility Developer Tools
  • A11y accessibility checker
  • Introduction to web accessibility course — Google
  • The WAI Forward — Heydon Pickering, Smashing Magazine
  • Colour Contrast Analyser— The Paciello Group
  • Accessibility Testing Tools Updated — The Paciello Group

• Service Worker related

  • Web Push Notifications

    • Web Push Notifications: Timely, Relevant, and Precise — Web Fundamentals
    • What Makes a Good Notification?
    • Video: Web Push Notifications — Google I/O 2016
    • Bringing Push Notifications to the Mobile Web — @scale
    • Deep Engagment with Push Notifications — Progressive Web App Summit 2016

  • Installation on mobile home screen

    • Add to homescreen — Android
    • Web App Install Banners — Chrome for Android
    • Increasing Engagement with Web App Install Banners — Chrome for Android
    • Configuring Web Applications — iOS
    • Web manifest specification — HTML5 Doctor

• Peformance

  • General Readings

    • High Performance Browser Networking — Ilya Grigorik, O’Reilly
    • Web Performance Warrior: The business of speed - Andy Still, O’Reilly

  • Performance Patterns

    • Introducing RAIL: A User-Centric Model For Performance
    • Serve your content (introduces the PRPL pattern)

  • HTTP2

    • High Performance Browser Networking, chapter 12 — Ilya Grigorik, O’Reilly
    • Are you ready for HTTP/2 Server Push?! — Akhil Jayaprakash
    • Innovating with HTTP2 server push — Ilya Grigorik

  • Readings

    • Performance: Showing Versus Telling — Lara Hogan
    • An Introduction to perceived performance — Matt West
    • Response Times: The 3 Important Limits — Jakob Nielsen
    • Powers of 10: Time Scales in User Experience — Jakob Nielsen
    • Response time in man-computer conversational transactions — Robert Miller
    • The information visualizer: An information workspace — Card, Robertson and Mackinlay
    • A Beginner's Guide to Perceived Performance: 4 Ways to Make Your Mobile Site Feel Like a Native App — Kyle Peatt
    • A Study on Tolerable Waiting Time: How long Are Web Users Willing to Wait?— Fiona Fui-Hoon Nah
    • Interaction in 4-Second Bursts: The Fragmented Nature of Attentional Resources in Mobile HCI— Antti Oulasvirta, Sakari Tamminen, Virpi Roto, and Jaana Kuorelaht
    • Quantifying Interactive User Experience on Thin Clients— Niraj Tolia, David G. Andersen, and M. Satyanarayanan
    • Characterizing Web Use on Smartphones— Chad C. Tossell, Philip Kortum, Ahmad Rahmati, Clayton Shepard, Lin Zhong
    • Playing With Tactile Feedback Latency in Touchscreen Interaction: Two Approaches— Topi Kaaresoja, Eve Hoggan, Emilia Anttila

Edit on Github