Picks

Making and breaking grids I’ve been doing more front-end coding this year than I have in a while and every time I come back to write markup and CSS, it feels like there are new tricks. We’re closing in on the 30th anniversary of CSS (already a little past 30…

This is the second of two parts on media creation. You can find the first part over here: Creating media with an uncooperative mind Infinite negatives # In trying to figure out what I should write and talk about, I could spend the rest of my life outlining all the…

The <geolocation> HTML element does exactly what you might think it does. It’s a dedicated element that gets the user’s location, either once or continuously. The options are set using HTML attributes instead of JavaScript, but JavaScript is still needed. However, <geolocation> requires fewer lines of JavaScript and also offers…

Highlighting in CSS has been beneficial for applying a highlight on specific text or text fragments during user selection, emphasizing a piece of information on a website, or visually emphasizing a text for the sake of branding. Particularly, this is pretty helpful when users want to scan your document from…

I made a smol client-side syntax highlighter that uses the CSS Custom Highlights API called MicroLighter. I’ll talk about why I made it in a bit but first I wanted to… ahem… highlight… some of the features. Zero-dependencies ~2kb minifed+gzipped Uses CSS ::highlight(token-name), not spans Leverages Textmate’s language grammars Human-readable…

Every element I use for the basic structure of a HTML document, with explanations why.Five years ago, I shared the HTML boilerplate I use for most of my projects. Since then, a lot has happened in HTML. It’s time to give it an update. My boilerplate This is the final…

Recently, I watched a video by Colin & Samir speaking about a situation Hank Green is currently facing. Hank was recently accused of using AI in a video script because he said the words “I appreciate the pushback.” Hank went on to address not only that particular video but also…

Customizable select is coming to Safari 27. With this technology, developers can fully control the appearance of <select> elements — custom arrows, option layouts, color swatches, icons, full visual styling — without the need for JavaScript libraries or an endless parade of <div> elements. And because it’s a built-in control,…

Developers love classes. They pile on custom classes everywhere, but HTML already counts with many attributes that do a better job. So why not use them? This article goes through some of the most common native attributes that can be used instead of a class.

Lorenzo Franceschi-Bicchierai and Zack Whittaker, TechCrunch: Under current U.S. hacking laws, a human can face criminal charges for breaking into someone else’s computer without permission. But when an AI agent autonomously hacks into a company’s computers, determining who is liable is much murkier. The surprise admissions by OpenAI and Anthropic…