posted on March 20., 2021 The col element allows us to style columns in tables. In the past, I’ve used the colgroup and col elements to define max-widths for columns in tables when I didn’t want to re

Home All articles New CSS units that account for mobile viewports with dynamic toolbars. Nov 29, 2022 Bramus Twitter GitHub Homepage On this page Celebration This web feature is now available in all t

Critical CSS? Not So Fast! Written by Harry Roberts on CSS Wizardry. Table of Contents Independent writing is brought to you via my wonderful Supporters. I have long held very strong opinions about the Critical CSS pattern. In theory, in a perfect world, with all things being equal, it’s…

A lot of chatter around the ol’ and elements lately! I saw Lea Verou recently tweet an observation about the element’s display behavior and that sorta splintered into more observat

(last updated on 22 August, 2025) Measure What You Impact, Not What You Influence Written by Harry Roberts on CSS Wizardry. Table of Contents Independent writing is brought to you via my wonderful Supporters. A thing I see developers do time and time again is make performance-facing changes to their…

Twitter, it’s not me—it’s you. In October of 2019, I gave a talk at Jamstack Conf San Francisco titled Owning your Content on Social Media . For this talk I built a social media platform: MySpaceBook.

I was recently designing an interface with a lot of rounded corners. I wanted to make sure the corners were consistent, so I created a --border-radius custom property and went wild rounding those corn

BEM. Like seemingly all techniques in the world of front-end development, writing CSS in a BEM format can be polarizing. But it is – at least in my Twitter bubble – one of the better-liked CSS methodo

Posted on: November 3, 2022 I started out creating these notes with the date in the url, because I thought it was an easy way to keep some overview of my notes. But it turned out to be rather annoying

This TIL is mainly a rehash of these two articles by Jacob and Andrew: Setting up a personal Fediverse ID / Mastodon instance - Jacob Kaplan-Moss The Fediverse, And Custom Domains - Andrew Godwin I de

Code review is super important. At times I have worried that I've spent too long reviewing and not enough time working fast and breaking things. Today I was reminded that time spent on code review is worth its weight in gold. Contents My Code Review Story I was invited to a 1 on 1 meeting with a…

For a long time, the holy grail of front-end developers was “pixel perfect designs.” Mobile destroyed that. The range of devices the things we build will be viewed and used on is huge. Things will nev

Exactly sixteen years ago on this day, I wrote about Twitter , a service I had been using for a few weeks. I documented how confusing yet compelling it was. Twitter grew and grew after that. But at so

22 November 2022 A page title or document title describes a web page. It’s the content that is placed inside the element and appears in the browser window or tab. The title is important because: it’s the first thing to be announed in screen readers it distinguishes your website from other open…

sebdd thoughts and inspiration on designing, programming, and writing for the web Menu Blog About Speaking Uses Reads Blogroll Now Newsletter Twitter Mastodon Pinboard Literal Telegram RSS #css #html #javascript #laravel #livewire #misc #mysql #programming #tech #writing

Largest Contentful Paint (LCP) is a Core Web Vital metric that tracks how many seconds it takes for your page’s most data-intensive, above-the-fold element to load. These elements can be text, images, elements with background images, or even videos. Optimising your page’s LCP has an outsized impact…

Dear male ego, It’s not you - it’s me, after dealing with you and all the yous that came before you. I’m writing to tell you that I’m breaking up with you. I’ve done my best to keep you happy, but it’

Like many in the past week, I have been having a serious look at Mastodon as an alternative to Twitter. Mastodon is a social network that is distributed across many servers that have their own smaller

I’ve been contemplating a checkbox. The label for this checkbox reads: This is a bot account Let me back up… In what seems like decades ago, but was in fact just a few weeks, Elon Musk bought Twitter and began burning it to the ground. His admirers insist he’s playing some form of four-dimensional…

Home All articles A look at some useful and creative ways to style a list. Aug 24, 2022 Michelle Barker Twitter Homepage On this page What comes to mind when you think of a list? The most obvious exam

I’m stoked about this time around. I haven’t been as excited in the past mostly because I was turned off by how much quieter it was than Twitter (read: it didn’t fuel the addition well enough). This t

Dear Reader, Since there’s a good chance that you -like me- are involved in web development and/or have a special interest in technology, I want you to play along and engage in a thought experiment fo

Review all heading-related accessibility results. Headings make up the structure of our web content. They improve readability, help users instantly know what the content is about, and even help with S

Nobody goes there anymore. It’s too crowded. Yogi Berra, et al Well, it looks like it's finally happened. As news sites began reporting that Elon Musk had finalised his purchase of Twitter, the fedive

After deciding to make my Twitter read-only last week, this week I worked on making Mastodon the social media that I actually want to read. I feel that it's going well so far and I'm spending less tim

The most recent update of one of my favourite Visual Studio Code plugins, GitLens, triggered my curiosity when I saw a new (to me) “Worktrees” panel on the sidebar. After a quick research, I’m excited about finding a way of working with git that doesn’t restrict me. So let me explain what I didn’t…

Minimal Dark Mode Post from November 4, 2022, filed under Web Development . (New posts: feed , Mastodon .) What’s the easiest and fastest way to set up dark mode ? That’s a great question, though cert

Update November 28, 2022: This project has now been open sourced as Tweetback. I’ve invested a lot into Twitter and I’ve received a lot of value from Twitter. I’ve made a lot of friends and professional connections on the site. I’ll be sad when Twitter goes away. Without a doubt, it will go away.…

Setting up Visual Studio Code for Web Development — For Beginners and Intermediate Developers 2nd Nov 2022 The coding environment is one of the most important things for a developer. If you set up you

Whenever we build simple or complex layouts using CSS Grid, we’re usually positioning items with line numbers. Grid layouts contain grid lines that are automatically indexed with positive and negative

Creating a grid of images is easy, thanks to CSS Grid. But making the grid do fancy things after the images have been placed can be tricky to pull off. Say you want to add some fancy hover effect to t

On a more practical, and less preachy , note, I wanted to share a list of tips, tools, and tricks I have used in the past and still use to unplug, disconnect, and spend more time offline. It is by no

Color generator Unlimited color combinations Color wheel Find harmonious combinations Shade generator Create uniform shades Playground Explore LCH & OKLCH Palette templates Color converter Contrast checker UI Design Design systems Support Docs BlogPricing LoginSign up Back Ondřej Pešička · Updated…

Did you know CSS Container Queries are more than “check the size of a container” ? Also covered by the draft spec are Style Queries which allow querying computed values of the container. Let’s take a

In the early days of web development (circa 1997), web design was limited to fonts that were available with the operating system, be that Windows, MacOS, or Linux. Couple that with limited crossover of font options between the operating systems, and most of the time, this resulted in all websites…

Introduction In web development, we frequently need to style elements to visually indicate some state they're in. We give form fields red outlines to indicate invalid values. We show disabled or inact

Part of my role at Nordhealth is to design, develop and expand upon our ever increasing roster of Web Components within the Nord Design System. One of my most recent contributions is arguably one component, but actually comprises of three Web Components. We're talking about tabs. When I shared a…