Pete is a Developer Advocate
Updating WebAPKs More Frequently
When a Progressive Web App is installed on Android, Chrome automatically requests and installs a WebAPK of your app. Starting in Chrome 76, Chrome will check for updates more frequently, ensuring icons, titles, colors, and other key properties to rolled out to your users faster.
Address Bar Install for Progressive Web Apps on the Desktop
In Chrome 76, we're making it easier for users to install Progressive Web Apps on the desktop by adding an install button to the address bar. If a site meets the Progressive Web App installability criteria, Chrome will automatically show an install icon in the address bar, making it easy for users to install your PWA.
How do I notify users that my PWA is installable?
If your PWA has use cases where it’s helpful for a user to install your app, for example if you have users who use your app more than once a week, you should be promoting the installation of your PWA within the web UI of your app. We have new recommendations on how you can promote the installation of your app.
Changes to Add to Home Screen Behavior
Starting in Chrome 68 on Android, the Add to Home Screen behavior is changing to give you more control over when and how to prompt the user. If your site meets the add to home screen criteria, Chrome will no longer automatically show the add to home screen banner. Instead, you'll need to call prompt()
on the saved beforeinstallprompt
event to show the add to home screen dialog prompt to your users
WebAPKs on Android
When the user adds your Progressive Web App to their home screen on Android, Chrome automatically generates an APK for you, which we sometimes call a WebAPK. Being installed via an APK makes it possible for your app to show up in the app launcher, in Android's app settings and to register a set of intent filters.
Updates to developers.google.com/web
We recently made some big changes to WebFundamentals, improving navigation, adding lots of new content, and making it easier for you to contribute.
Widgets
Widgets you can use to simplify your writing and development
Writing an Update or Case Study
This is the page description placed in the head.
Writing an Article
This is the page description placed in the head.
Markdown syntax
This is the page description placed in the head.
Video: Web Push Notifications (I/O 2016)
Support for theme-color in Chrome 39 for Android
Use theme-color to set the toolbar color in Chrome for Android.
Click to Call
On devices with phone capabilities, make it easy for users to directly connect with you by simply tapping a phone number, more commonly known as click to call.
Device Orientation & Motion
Device motion and orientation events provide access to the built-in accelerometer, gyroscope, and compass in mobile devices.
Create Amazing Forms
Forms are hard to fill out on mobile. The best forms are the ones with the fewest inputs.
Images
A picture is worth 1000 words, and images play an integral part of every page. But they also often account for most of the downloaded bytes. With responsive web design not only can our layouts change based on device characteristics, but images as well.
Responsive Web Design Patterns
Responsive web design patterns are quickly evolving, but there are a handful of established patterns that work well across the desktop and mobile devices