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!

tools
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.

pwa
Fidget Spinner

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

pwa
Anonymous Chat

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

pwa firebase
ECMASyntax

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.

chrome
What's new in Safari v11.0?

What are the new features introduced in versions of Safari.

safari
What's new in Microsoft Edge?

Check out what has been added to microsoft edge browser.

edge
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.

firefox
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.

samsung

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?

performance
Github's New community tools

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

github
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.

pwa
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.

performance
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.

node
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.

mozilla