The Publishing project

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