Meanwhile, elsewhere on the internet…
Posts from Bluesky or Mastodon, blog posts from DEV/Medium, talks from YouTube and beyond, photos from Instagram, music from Spotify, and nice places from Foursquare (lol, I know, but I've built the API integration now so Foursquare lives on on this website!).
Words
Blog posts I've posted on DEV Community or Medium (one day I'll build my own blog, I promise…)
Reading
Some things I've been reading recently and some random items from the vaults:
Don't attach tooltips to document.body
Don’t attach tooltips to document.body TL;DR Instead of attaching tooltips directly to document.body
Better dynamic themes in Tailwind with OKLCH color magic
We make Tailwind CSS play nice with CSS variables, OKLCH colors, and dynamic themes. Get reliable, p
SPA-Like Navigation Preserving Web Component State
Original article: https://aralroca.com/blog/spa-navigation In this third and final article in the..
View transitions: Handling aspect ratio changes
Tips and tricks to get the transition you want
aws-lite
A simple, extremely fast, extensible Node.js client for interacting with AWS services
There are 10 more of these. I thought I'd save you some scrolling, but if you want you can…
What should we ship?
December 2023
Correctly Configure (Pre) Connections
We’re probably familiar with preconnect, but are we getting it right?
Modern Web Weekly #16
Staying up to date with the modern web 👋Hello there! I’m Danny and this is Modern Web Weekly, your
Migrating Next.js (+Jest/Storybook/Cypress) to use module path aliases, instead of relative paths
Most projects use the well-known relative paths to resolve files and modules. For instance: import '
The weirdly obscure art of Streamed HTML
Literally “one weird trick” to massively improve Time To First Byte
WICG/close-watcher: A web API proposal for watching for close requests (e.g. Esc, Android back button, ...)
A web API proposal for watching for close requests (e.g. Esc, Android back button, ...) - WICG/close
Compound Components
Compound components provide a declarative API that can allow for some impressive solutions to everyd
Debugging Like A Pro-xy
Learn how to use Proxies to debug tricky issues in JavaScript.
Speaking
Talks I've given at conferences or other events. I'll link to slides or videos where they are available.
According to the Spotify API, I've been listening to a bit of melodic metalcore (Bring Me The Horizon), french shoegaze (M83), lo-fi house (DJ Seinfeld), drum and bass (Logistics), alternative metal (Linkin Park) and spanish electronic (Pional) over the last few weeks (their genre names, not mine!)
You can click the cards above to play a little preview of the artist, courtesy of the Spotify API. I also use the Spotify API to get the tempo/BPM of the preview song, and I use this to influence the speed that a card bops at while its playing.
Press the pause icon or the esc key on your keyboard to stop the previews.
Posts
Bluesky and sometimes Mastodon posts by me
Enjoy!
htmhell.dev/adventcalend...
- split images into layers
- lay out images in stacked layers with same grid structure
- animate the size of the center image
- animate the layers to reveal with different timings
There are 9 more of these (!) I thought I'd save you some scrolling, but if you want you can…
Explore how overflow: clip works in CSS and see why it’s useful with practical examples and demos.
🔗 ishadeed.com/article/over...
🔖 almanac.httparchive.org/en/2024/ 21 chapters (11 publishing today, the rest to follow)
65 contributors for today's chapters (more to follow)
17M websites analyzed
83 TB of data processed
628 queries written
If you want to follow the best devs in web development 👇🏻
go.bsky.app/SoASbQA
Places
A randomised asortment of places I've liked on Foursquare at one point - it could be somewhere from a holiday, or it could be a random bar in Manchester that closed three years ago…