Issue #11

PWA Tips Monthly Newsletter

Issue #11 | July 17, 2018

What's New?

πŸ”₯ JS Cost

A JavaScript cost visualization tool.

javascript perf
Wordpress plugin for PWA

WordPress feature plugin to bring Progressive Web Apps (PWA) to Core.

wordpress pwa
Introduction to Feature Policy

Feature Policy allows web developers to selectively enable, disable, and modify the behavior of certain APIs and web features in the browser. It's like CSP but instead of controlling security, it controls features!

🎨 Carbon CLI

Beautiful images of your code β€” from right inside your terminal.

Experimenting with First Input Delay

The goal of the Chrome User Experience Report is to help the web community understand the distribution and evolution of real user performance.

chrome uxreport
🎧 Track

A WebGL Experiment by Little Workshop<

webgl webvr

Browser Updates

Site Isolation for Web Developers

Chrome 67 on desktop has a new feature called Site Isolation enabled by default.

Safari Technology Preview v60

Changed CSS Animations to take precedence over CSS Transitions, dark mode, Fixed all non-Same-Site cookies getting marked as Same-Site Strict in the Storage tab etc.

See what’s new in Firefox! v61.0.1

Re-allowed downloading files from FTP sites via the "Save Link As" option when linked from HTTP pages, Web pages no longer lose focus when a browser popup window is opened and more


IDE's & Text Editor Updates

VSCode v1.25 Updates

Grid editor layout - Custom horizontal and vertical editor layout, Outline view - Symbol tree outline and navigation for your documents, Portable Mode and more


Articles & Tutorials

When 7 KB Equals 7 MB

After browsing the app a few more times, it became clear the error would occur after a small number of images were added to the cache storage by the service worker.

pwa perf
Impact of Page Weight on Load Time

Over the years it has been fun to track website page weight by comparing it to milestones such as the size of a floppy disk (1.44MB), the size of the original install size of DOOM (2.39MB) and when it hit 3MB last summer.

web perf
Seedbank - Machine Learning Examples

We call them "seeds". Each seed is a machine learning example you can start playing with. Explore, learn and grow them into whatever you like.

mechine learning examples
Whats new in React Native v0.56 πŸŽ‰

Babel 7, Modernizing Android support, New Node, Xcode, React, and Flow – oh my! and more

Progressive Web Apps in the HTTP Archive

In this document, we present three different approaches and discuss their particular pros and cons for extracting data about Progressive Web Apps (PWA) from the HTTP Archive.

httparchive pwa