PWA Tips | Read about latest PWA’s, Browser updates, new API’s and its improvements in your inbox.

What is a Progressive Web Application?

Reliable

Reliable

Load instantly and never show the downasaur, even in uncertain network conditions.

Fast

Fast

Respond quickly to user interactions with silky smooth animations and no janky scrolling.

Engaging

Engaging

Feel like a natural app on the device, with an immersive user experience.

Learn how to build a Progressive Web Application

Codelabs

PWA Codelabs

Learn and build your first progressive web application.

Latest Issue

Issues #12

Issue #12

PWA Tips Monthly Newsletter

Issue #12 | July 31, 2018

What's New?

How healthy is the Internet in 2018?

Our 2018 compilation of research explains what’s helping and what’s hurting the Internet across five issues, from personal experience to global concerns.

internet mozilla
Facebook is testing a proper PWA

There are times you want to install a native app on your device to get the full experience from a service or social media platform, and times where you just want to visit the mobile site every now and then.

pwa
😍 PWACompat: the Web App Manifest for all browsers

PWACompat: the Web App Manifest for all browsers You've designed a web app, wrote its code and service worker, and finally added the Web App Manifest to describe how it should behave when 'installed' on a user's device.

pwa ios android
Does my site need HTTPS 🤔

our site is a liability! Just because your site is hosted safely. in your account doesn't mean it won't travel through cables and boxes controlled by who knows how many corporate- and state-owned entities.

https security
Adblock report | thinkwithgoogle

Consumers today expect their digital experiences to be fast and seamless. If they’re not, the outcome can be costly.

thinkwithgoogle
Badging API 😇

Allows web apps (as defined by the Web App Manifest standard) to set an app-wide badge in operating-system-specific places such as the shelf or home screen.

chrome pwa

Browser Updates

Speed is now a landing page factor

For many sites this equates to a huge missed opportunity, especially when more than half of visits are abandoned if a mobile page takes over 3 seconds to load.

chrome

Articles & Tutorials

Pinterest | PWA retrospective

The idea of building a “Progressive Web App” (PWA) is not new, but its definition has changed with the emergence of key technologies like service workers.

casestudy pwa
The Most Hated UI & UX Pattern of 2018

Site will present you with five UI/UX design patterns, in the most horrific way possible. You carefully consider my arguments, and then pick the pattern you hate the most.

ux
Designing for the Google Assistant on Smart Displays

Earlier this year we announced Smart Displays, a new category of devices with the Google Assistant built in, that augment voice experiences with immersive visuals.

design smartdisplays
🔥 8 Video Optimization Tips | KeyCDN

Adding videos to your website can sometimes be a double-edged sword. Web users love high-resolution videos, but if your website isn’t optimized to handle them, such content can cause performance problems.

web perf
Accessibility for Teams

A ‘quick-start’ guide for embedding accessibility and inclusive design practices into your team’s workflow.

ally
Hacking user perception to make websites faster

In this article, Mustafa Kurtuldu cover different design devices you can use to make your experiences feel quick.

perf ux
ReportingObserver: know your code health

There's a new observer in town! ReportingObserver is a new API that lets you know when your site uses a deprecated API or runs into a browser intervention.

chrome
</div>