Mike Rockwood - All Posts

The CSS lh unit

A look at the CSS line height unit and how it works.

The 100 Greatest Bird Names of All Time

Just a bit of fun.

Gelli Haha - Bounce House

Performance-Optimized Video Embeds with Zero JavaScript

Putting a YouTube video inside a closed details element means it won’t load until that details element is opened. We can use that.

My Opinionated CSS Reset

This looks like a pretty solid CSS reset.

My HTML Web Component boilerplate for 2026

Chris Ferdinandi shares his starting point for building web components. I generally agree with his approach.

Static Site Webmentions

An article describing how to enable Webmentions on a static site using Zola, webmention.io, and GitHub Actions to support decentralized blog interactions.

Anatomy of a Web Component

David Bushell shares some useful web component patterns.

A Few Things About the Anchor Element’s href You Might Not Have Known

Jim Nielsen shares some advanced anchor element functionality.

Modern Node.js Patterns for 2025

Node.js has made a bunch of improvements recently that I wasn’t aware of.

Human-readable date formatting with vanilla JavaScript

Format dates and times in JavaScript using toLocaleDateString() and toLocaleTimeString() without relying on external libraries like Moment.js.

Sorted CSS Colors

Interactive tool for finding named colors usable in CSS.

Responsive tables

I really like this web component Chris Ferdinandi came up with for displaying tables on mobile screens.

Nerdy Notebook

A collection of Adam Argyle’s nifty CSS and JS snippets

sizes=auto is a great idea

I missed this: it’s now much easier to make images responsive in HTML.

Magdalena Bay - You Lose!

Note from 2024-09-19 at 13:25

People are upset about LinkedIn training AI on user data, but a model trained on that much cringe sounds hilarious.

Note from 2024-09-12 at 18:48

I know there are a lot of generative AI haters, but based on my limited experience, OpenAI o1 is substantially better at coding than previous models. There could be rough times ahead for people like me, but I’m curious to see what people with non-technical backgrounds are able to dream up without the slog of learning how to code.

Weird things engineers believe about Web development

Useful perspective from a former browser engineer who is now working in web development.

Diane Birch - Critic's Lullaby

I don’t know why, but soft piano rock is really doing it for me right now.

Note from 2024-04-06 at 03:21

Perhaps the biggest tragedy of Google’s descent into uselessness is that we can’t say “Google it” anymore to get out of doin’ stuff.

An Interview With A Man Who Eats Leftover Food From Strangers' Plates In Restaurants

This article from a few years ago is exactly what it sounds like. Funny throughout.

100 things you can do on your personal website

This list showcases possibilities for your personal site, from technical to whimsical ideas.

Webfonts and layout shifting

A clever way to reduce layout shift caused by custom fonts on a website.

The internet used to be fun

A collection of blog posts about personal sites and why they are more fun than the corporate web.

CSS Media Query for Scripting Support

Looks like we’re finally getting a Media Query to test whether a user has JavaScript enabled. Chrome only for now.

Note from 2023-12-07 at 00:00

Just upgraded my gaming PC. I hope it improves my performance in online chess.

Incomplete List of Mistakes in the Design of CSS

CSS that should be corrected if anyone invents a time machine. :P

Note from 2023-11-18 at 14:09

I, for one, am disappointed OpenAI didn’t build a new AI CEO.

Lalalar - Hata Benim Göbek Adım

Lost In The Trees - Past Life

Jaga Jazzist - All I Know Is Tonight

Simplify sharing with built-in APIs and progressive enhancement

Nice little article by Andy Bell describing how to build social sharing buttons in a slightly better way. It would be better if it was a native web component instead of a Vue component.

The Junipers - Burning Pages

Evil Arrows - The Motion Picture Managers (Of Love)

Fred Pallem & le Sacre du Tympan - L'amour du disque

The Toms - Let's Be Friends Again

그림자 공동체 - 지워지는 노래

Responsive type scales with composable CSS utilities

Some nifty utilities for fluid typography created by Tobias Ahlin Bjerrome.

The Honeydogs - 10,000 Years

Multi-page web apps

Jeremy Keith: The default approach should be to assume a multi-page approach (which is the way the web works by default). Deciding to take a JavaScript-driven single-page approach should be the exception.

Step into the light (DOM)

Web components don’t need to be complicated.

Philharmonie - Ouigaa

Lamp - 青い海岸線から

Josh Fix - Ghosts In Your Head

Brief Encounter - Smile

Ben Shive - Listen!

Shaolin Death Squad - Race of the Thinkers

For the Love of God, Stop Microwaving Plastic

Even more reasons to worry about microplastics. Plus, this article introduced me to a fun new word, “plastisphere.”

Note from 2023-07-29 at 14:40

That feeling when you find a bug in the site you’re working on and the browser update that just dropped fixes it.