How to Add SVG Brand Icons In-line

Why would you do this? Instead of loading an image (jpg/png/svg) per platform, we can simply embed the SVGs into html. In this case, it saves from having 7 http requests and thus helps with website performance. CSS is also inline. The example below uses official brand colors. and brand SVG logos from … Read more

The Impact of a Slow Website

Often I engage with clients and they have strong views on the design of the website, and wanting to put content that slows the website for little to no real value. Slow Websites have real negative impacts that have been researched and recorded. This is a basic outline for my clients. Short Story Your website … Read more

Create React App – PWA Caching Challenge

In developing my latest Progressive Web App, I came across the following problem. Note I was using Create-React-App at at the time, it did not allow for modifying the workbox it used to generate its Service Worker. I found this article which provides a way to create a custom SW without ejecting from CRA.  Challenge The … Read more