Issue #5

PWA Tips Monthly Newsletter

Issue #5 | June 20, 2017

What's New?

🚀 Webpack 3: Official Release!! 🚀

Now with Scope Hoisting, “magic comments”, and more!

Shape Shifter

ShapeShifter - SVG icon animation tool for Android, iOS, and the web.

pwa svg
Xylo Phone

Xylo is a simple, vibrant digital xylophone. You can play it with your fingers on touch enabled screens or using the keyboard.

Fidget Spinner

An offline first web app, that's installable to your home screen across platforms.

Anonymous Chat

A Preact and Firebase powered progressive web (chat) application.

pwa firebase

ECMASyntax is an offline-first PWA designed for developers. It aims to provide a reference for JavaScript syntax, detailing what pieces of syntax do, and how to use them.

pwa javascript

Browser Updates

Chrome 60 Beta

Paint Timing API, CSS font-display, and Credential Management API improvements.

What's new in Safari v11.0?

What are the new features introduced in versions of Safari.

What's new in Microsoft Edge?

Check out what has been added to microsoft edge browser.

Firefox 54: E10S-Multi, WebExtension APIs, CSS clip-path.

The release of Firefox 54 completes the transformation of Firefox into a fully multi-process browser, running many simultaneous content processes in addition to a UI.

Bringing AR to the Web – Samsung Internet Developers

The day you can interact with the world through the web is a lot closer than you think.


Articles & Tutorials

The Illusion of Speed

If you could take a 50% hit in real world performance and get a site that feels 50% faster, would you?

Github's New community tools

We're introducing two new tools to help maintain and grow open source communities.

The Ultimate Guide to Progressive Web Applications

Progressive Web Apps, aka PWAs, are the best way for developers to make their webapps load faster and more performant.

Automated testing with Headless Chrome

If you want to run automated tests using Headless Chrome, look no further! This article will get you all set up using Karma as a runner and Mocha+Chai for authoring tests.

chrome testing
Improving time-to-logo performance with preload links

One of the goals of the Wikimedia Performance Team is to improve the performance of MediaWiki and the broader software stack used on Wikimedia wikis.

Upgrading from Node 6 to Node 8: a real-world performance comparison

Node 8 is out, did you hear? And it’s faster, or so they say.

An intro to web components

An intro to web components with otters

web components
Mozilla Thimble to learn CSS and JavaScript

Thimble is an online code editor that makes it easy to create and publish your own web pages while learning HTML, CSS & JavaScript.