Completed
Use the app shell model
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Designing Great Progressive Web Apps
Automatically move to the next video in the Classroom when playback concludes
- 1 Intro
- 2 Designing Great Progressive Web Apps
- 3 Use Material Design Components
- 4 Your app icon should visually match the native app icons
- 5 Engaging
- 6 Delay the app install banner until after the user engages with your app
- 7 Don't break the user's flow for an update
- 8 Don't use fake android native banners
- 9 The burger menu might be hurting your UX
- 10 Resilient
- 11 Use the app shell model
- 12 Web fonts are heavy- device fonts are weightless
- 13 Give the user control to download for offline use
- 14 Inform the user when the app is ready for offline consumption
- 15 Give an offline mode color to your theme.
- 16 Other design considerations
- 17 The app icon on iOS is a screenshot of the app by default
- 18 Design for accessibility and low-end devices
- 19 Consider high data cost and low-end phones.
- 20 Make better color choices with sufficient contrast
- 21 Implement techniques for an accessible website.
