Category Archives: Elsewhere
10x Performance Increases: Optimizing a Static Site
Use case by JonLuca De Caro in which he optimised the page load speed of a static site. Before optimisation the site weighed 1MB (at 20 requests) with DOMContentLoaded at 3.74s. After optimisation the site weighed only 267kB (at 9 … Continue reading
JavaScript async–await: Resolving Promises in parallel
Recently I saw a colleague implement some functionality in which he required two results from an API using async–await. The piece of code looked something like this: The code looks fine, is syntactically correct, and works … but there’s one … Continue reading
Resilient, Declarative, Contextual
I enjoyed reading this piece by Keith J. Grant on three key characteristics of CSS that set it apart from conventional programming languages. I want to look at three key characteristics of CSS that set it apart from conventional programming … Continue reading
A JavaScript Typing Carousel
I like this JS typewriter effect: The HTML that goes along with that is really simple: <h1>This pen is <span class="txt-rotate" data-period="2000" data-rotate='[ "nerdy.", "simple.", "pure JS.", "pretty.", "fun!" ]'></span> </h1> Simple Typing Carousel →
Harry Roberts: FaCSSt – CSS and Performance
A Frontend United I was lucky to see Harry Roberts give this talk on CSS and Performance. You can watch it to, as the recording has been published to YouTube Ahh… CSS and performance. Two of my favourite things! But … Continue reading
How CSS works: Parsing and painting CSS in the critical rendering path
Insightful post by the folks over at LogRocket on the rendering pipeline: If your site takes forever to load, chances are your users aren’t gonna wait for it to finish, even if there’s valuable content to be found there. Some … Continue reading
Implementing Web Push Notifications
Alexander Zlatkov from SessionStack on how to implement Web Push Notifications: There are three general steps to implementing a push: The UI — adding the necessary client-side logic to subscribe a user to a push. This is the JavaScript logic that your … Continue reading
yett – A small webpage library to control the execution of (third party) scripts like analytics
In order to provide GDPR compliant consent-first-analytics (and other stuff), you can use yett: Blocking execution of analytics script (until consent is given) can be done manually, but the problem is that analytics providers often provide minified code embeds that … Continue reading
Tips for improving performance of React Native apps
Whilst researching a performance issue in a React Native app by doing a deep dive into the bridge, I stumbled upon this nice list of tips by jamsch. The list – which touches react-navigation, the types of lists one can … Continue reading
CSS Perspective Text Hover
Nice 3D text effect: To make the hover effect work, each line also contains the contents of the next line. When hovering the original content slides out of view and the contents of the next line slides in, thus tricking … Continue reading