What powers do PWAs have right now
A useful single-purpose site that implements most (if not all) currently spec'd PWA APIs and lets you play around with them. Good for testing cross-browser quirks and for seeing a quick overview of […]
Archives
Breaking out of the box
Patrick Brosset covers a range of new(ish) web and browser APIs that allow PWAs to benefit from OS-level functionality to style and utilise more of the browser chrome. Specifically, the Windows […]
Nuclear anchored sidenotes
I have long sought a web-native way to achieve sidenotes with CSS, and it turns out Eric is in the same boat. The new Anchor Position API in CSS is seeking to solve that problem, and whilst it […]
An open source Postman alternative
An open-source tool for API testing, with automatic type safety baked in and a much more advanced output UI that highlights contained images, code blocks, messaging etc. whilst still providing the […]
11ty tips I wish I'd known
Several excellent tips on how to best setup, configure, or use Eleventy, all with excellent explanations. I particularly liked the breakdown of the data cascade model […]
An interactive guide to CSS keyframes
A wonderful overview of how to use keyframe animation in CSS, including some very useful tips on animation state and creating meaningful animation APIs using custom properties and CSS math […]
Safari isn't protecting the web, it's killing it
People joke about Safari being the new IE6 a lot, but I've never seen as succinct and well-reasoned a take on just how true this is becoming than what Tim has written. Their argument breaks down into […]
Recording Records
A look at the largely manual workflow I've used to convert my physical music collection into a digital data archive.
Syndicating content to Twitter from Eleventy
I feel like Max is about two years ahead of me on everything 😁 Here I am thinking about getting Twitter syndication working on Netlify, and he wrote a perfect tutorial back in 2019. Definitely […]
A bridge over the great divide
A fascinating look at how modern front-end architecture and practices can help solve some of the communities issues; even the ones they initially created! Really neat to see how Brad has been using […]
Soundfonts
I love coming across some of the more niche or esoteric uses of the web; the internet's marginalia, if you will. I feel like Jeremy's post very much fits that category, with an excellent overview of […]
Animated Content Placeholders
What do you do when a website has loaded but the content is still being fetched from an API? One answer is to fill the page with animated placeholders, creating a skeleton of what the user can expect, with a dash of CSS animation to let them know that something's still going on behind the scenes.
State of frontend 2020
Some interesting results from the latest Software House frontend survey. Surprised to see that over a third of respondents reckoned CSS-in-JS would be a "fad" and gone in three years; personally […]
In-depth guide to React testing
Very informative beginner's guide to testing React websites using Jest and the React Testing […]
Charles Booth's London
An incredible online project that has mapped Charles Booth's highly detailed, hand-drawn maps of London in the late 1800s with the Google API, allowing you to compare them to the modern map quickly. […]
JSNation Live 2020 Notes
Another month, another big and fully remote JavaScript conference. JSNation fit into my schedule a little less (and didn't quite overlap with my interests as neatly) but it was a fun event with some interesting talks on topics that are often only on my periphery. Much to think about!
How Edge is becoming the best browser for PWAs
I still have my reservations over the whole Edge-Chromium combination but it has enabled the Edge team to begin taking a leading stance on certain topics, and it looks like PWAs are one they're […]
Jamstack Conf 2020
Notes from the 2020 Jamstack Conf. Some interesting dives in the Jamstack community and various applications of Jamstack technologies, with tweet threads as usual.