Issue #9

PWA Tips Monthly Newsletter

Issue #9 | May 29, 2018

What's New?

Tajawal and Almosafer Progressive Web App

It is designed by employing techniques for JavaScript performance optimization, Service Workers for network resilience and best architectural practices

pwa perf
Detect AdBlock With JavaScript

In this article I’m going to present the easiest way of implementing an AdBlock detector with JavaScript.

React v16.4.0

The latest minor release adds support for an oft-requested feature: pointer events!

Webpack Dashboard

This is a major update to webpack-dashboard with breaking changes. And a lot of speed and coolness.

AMP Playground

Just type away here and the AMP Validator will re-check your document on the fly. This is the minimum valid AMP HTML document.


Author of Project PWA Fire; an open source javascript and json bundle that allows you to convert your existing website into a progressive web app or build one in a few.


Browser Updates

What's new in Chrome v68?

Chrome v68 add eager Evaluation. As you type expressions, the Console previews the result and Argument hints. As you type functions, the Console shows you the expected arguments for that function etc

Samsung browser support for webpage test

WebPageTest now has first-class support for Samsung Browser across all of the Android devices (all of the Chrome features except for command-line options should work).

What's new in Safari Technology Preview v56?

In Web Inspector that recently shipped with Safari 11.1 on macOS High Sierra, the Elements tab sidebar panels and the styles editor got a lot of attention from the Web Inspector team.

New in Firefox 61: Developer Edition

Firefox 61: Developer Edition is available now, and contains a ton of great new features and under-the-hood improvements.

firefox developer edition

IDE's & Text Editor Updates

Export VSCode Extensions

Here's a quick way to export your @code extensions to a markdown list (one line)

WebStorm v2018.1.4 updates

It’s now possible to run and debug tests using Karma run/debug configurations in projects generated with Angular CLI 6 and many more.

What's new in Atom v1.27?

Atom 1.27 brings numerous improvements to your Git and GitHub workflows, including support for multiple co-authors, separate amend and undo etc.

Sublime Text 3.1 Released

Added UI changes, Text rendering, color schemes, syntax definitions and lot more.


Articles & Tutorials

How to display a "new version available" for a Progressive Web App

Have you ever been on a website and noticed a popup notification that suggests that there is a new version of the site available.

pwa ux
CSS Animations vs the Web Animations API: A Case Study

The Web Animations API provides a way for developers to directly manipulate the browser's animation engine using JavaScript.

javascript web
Beyond SPAs: alternative architectures for your PWA

I'm going to cover an important, but potentially misunderstood topic: The architecture that you use for your web app, and specifically, how your architectural decisions come into play when you're building a progressive web app.

spa web
Identifying, Auditing, and Discussing Third Parties

A large part of my performance consultancy work is auditing and subsequently governing third-party scripts, dependencies, and their providers.

web perf
hello tensorflow

Machine Learning (ML) is the dope new thing that everyone's talking about, because it's really good at learning from data so that it can predict similar things in the future.

javascript tensorflow