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

In this article, I will show you how to add a notification to your site and display it each time that there is a new version of the service worker available. You’ll also learn how to refresh the page, so that the user is up to date and has the latest version of any cached files.…

CPU throttling using Chrome Developer Tools

I recently gave a tutorial at Velocity Conference in Santa Clara about some of the amazing features that lie within the browsers we use everyday. As web developers, we are pretty lucky to have such awesome developer tools at our disposal. After the tutorial was complete, a few people asked…

I'll be speaking at the Chrome Developer Summit 2015 Livestream

The Chrome Developer Summit is a fantastic event. If you are a web developer that is interested in discovering more about Google Chrome, it's a great chance to learn about the the newest and latest features for the upcoming year. The schedule is packed with great speakers and will be…

Push Notifications on the Web - Google Chrome

A while ago I built a fun side project on Github to keep a collection of typography links and tools that caught my eye. There are a number of people that follow the project on Github, but every time I make a change or add a new link, I normally…

Chrome Internal URLs: The Door to Narnia

Did you know that Chrome has a list of internal pages that allows you to see advanced flags and settings? There are some hidden gems inside the Google Chrome internal pages that give a useful insight into the hard work that the browser is doing behind the scenes. If you…

Animate Comment Nodes in the DOM

If you visit some of the most popular websites on the net today and view the source of their HTML, you might be surprised with what you find. There are often hidden gems and messages in the form of ASCII art embedded in their HTML comments. Troy Hunt recently wrote…

Quick Tip: Create Data URI's using Chrome

Using Data URI's can be a great way to reduce the number of HTTP requests that a web page makes. If you've never heard of Data URI's, they are a way of in-lining data in web pages as if they are external resources. This means that instead of adding a…

Web Page Performance - Profiling paint times

I recently attended the Facebook Mobile Developers Conference in London. Throughout the day, there were a load of great talks, but the one that really stuck out for me was a performance talk entitled "Making m.facebook.com fast". It was all about how Facebook constantly strive to…

A Basic Guide to Building Chrome Extensions

Google Chrome has come a long way since it's early days. I am a big fan of the Chrome Developer tools and use it in my day to day development. There are also loads of great tools and extensions that are on offer at the Chrome store, and most are…