The core foundations of a delightful web experience are...
- Fast - It responds quickly to user interactions with silky smooth animations and no janky scrolling.
- Integrated - The user doesn’t have to reach through the browser, it uses the full capabilities of the device to create an experience true to the device.
- Reliable - Load instantly and reliably, never showing the downasaur, even in uncertain network conditions.
- Engaging - Keeps the user coming back to the app with beautifully designed experiences that look and feel natural.
Delightful web experiences are...
Fast
Users don’t expect janky scrolling or slow load performance. Making your site fast is a process that starts with understanding how RAIL affects the performance of your site and how to use that to measure and improve your performance.
Integrated
User experiences on the web should feel like an integrated part of the user's device; instead of having to reach through a browser window, the experience should feel true to how the user interacts with the device.
- Get a place on the users home screen.
- Simplify payments with the Payment Request API.
Reliable
Users don’t expect the web to work without a network connect, and often don’t even bother to try when it’s a slow or intermittent connection. We need to change that perception. The web must be reliable.
- Use the Offline Cookbook to improve reliablity.
- What should you consider when designing for slow or intermittent networks?
Engaging
An engaging app goes beyond functional, but ensures that the whole experience is delightful making it easy for the user to do what they need to do. Using features like Web Push, it’s always up to date, and Notifications keeps users informed. It uses the right capabilities, at the right time, in a beautiful way.
- Use Web Push & Notifications to re-engage with users.
- Designing beautiful user experiences.
What's new?
New in Chrome 78
Chrome 78 is rolling out now! You can now provide “types” for CSS variables. You get fresher service workers because byte-for-byte checks are now performed for scripts imported by importScripts(). And I’ve got details for two new origin trials that provide some neat new functionality including the Native File System and the SMS Receiver. Plus the Chrome DevSummit is happening November 11-12, 2019. Let’s dive in and see what’s new for developers in Chrome 78!
What's New In DevTools (Chrome 79)
Debug why cookies were blocked, simulate "prefers-color-scheme: dark", code coverage updates, and more.
Badging for App Icons
The Badging API allows installed web apps to set an application-wide badge, shown in an operating-system-specific place associated with the application, such as the shelf or home screen. Badging makes it easy to subtly notify the user that there is some new activity that might require their attention, or it can be used to indicate a small amount of information, such as an unread count.
The Chromium Chronicle: Monorail’s Grid View!
Chrome’s issue tracker, Monorail, offers a grid view that allows you to visualize your issues in a Kanban style board. This episode explains how to use the grid mode.
What's hot?
Web Components
Payment Request API
