TL;DR You don’t have to choose between the platforms, but here are some of the ways that they are different. You don’t have to leave Twitter, but there is a good chance Twitter will leave you …without
One of the best things about being a designer is that it’s your job to get things wrong. That isn’t to say that you can design anything you want without consequence. Your job as a designer is to get things wrong as many times as possible before your team goes on to build the “least wrong” thing. In…
2.0.0 canaries have been available for quite some time, and creator Zach Leatherman has helpfully been updating the docs by adding labels to note when a feature became available. The 2.0.0 Beta releas
January 26, 2023 2:57 pm I saw a post on mastodon snarking at “the current state of web development” and it was a screenshot of a forum where someone was asking why nested s got progressively big
Published: October 28, 2022 Updated: November 11, 2022 Forgive the clickbait title; “never” is a strong word, but this is an important, and poorly understood topic. There are quite a few misconceptions that float around in the sphere of web development, and persist no matter how often they’re…
2022-10-27 #css Elise Hein compiled a few arguments in favor of using CSS attribute selectors more often. Two examples stood our for me. Consider existing attributes. Whenever we add state we should t
A recent project I worked on had a common design element across many pages: A cool-looking gradient background composed of multiple color “spotlights.” The colors of the spotlights varied from page to
The CSS :has() pseudo class is rolling out in many browsers with Chrome and Safari already fully supporting it. It’s often referred to it as “the parent selector” — as in, we can select style a parent
2022-10-28 #javascript Local storage tends to be the obvious place to persist data locally in a web application. We tend to grab straight for localStorage , but it’s not the only tool in our workbox.
Home All articles In CSS Grid, the grid-template-columns and grid-template-rows properties allow you to define line names and track sizing of grid columns and rows, respectively. Supporting interpolat
Published at Oct 22 2022 Updated at Oct 22 2022 Reading time 2min Not too long ago, I was looking into refactoring my site to go all in with CSS grid! I've been aiming for a classical centered blog la
By way of a post by Manuel Matuzović which is by way of a demo by Temani Afif . .wrapper { margin-inline: max(0px, ((100% - 64rem) / 2)); } You’d be doing yourself a favor to read Manuel’s breakdown o
It is common for usability to be thought of as the whole user experience. The term is used to describe what a user thinks and feels about an interface; how intuitive it is, how easy it is to use, how easy it is to learn. But usability is just a small part of the user experience whole. When we…
17 October 2022 In 2021 I worked on a service that allows teacher training providers to set up interviews with trainees. As part of this, we wanted to find out the best way of allowing users to enter a time in the correct format. This is more challenging than you might think because: a time is made…
Sure your feature passed the unit tests, and QA says it's good to go - but is it? To really be sure, here are four types of tests that are best to consider critical to every feature from the start. Include these tests to improve the accessibility of your features and assist your users in…
Showing the post excerpt on blog post lists Posted by on 15 October 2022 tagged Release notes I've been getting into the habit of writing excerpts for my weeknotes, so that they can be used in the soc
Daily Tips I’m putting the finishing touches on a new Academy workshop, Web Apps, that will be available in January 2023. For the workshop, we’ll be building a complete ecommerce platform for a fictional photo shop. That includes building the digital store front with an integrated shopping cart and…
Components have been an often requested feature in Eleventy. While I do consider it an unanswered question whether or not components are the best starting point for new developers, it’s hard to argue
SVG is the best format for icons on a website, there is no doubt about that . It allows you to have sharp icons no matter the screen pixel density, you can change the styles of the SVG on hover and yo
I knew CSS blend modes could create some cool effects, but even so, a CodePen I saw recently left me shocked at what they’re capable of. Apple-Inspired Pride Clock This CodePen , by Scott Kellum , rea
Daily Tips One of my readers asked me to write about indexedDB. It’s a big topic, so we’ll be looking at bits and pieces of it over the next few days. Let’s dig in! What is indexedDB? indexedDB is a type of database storage built right into the browser. It has a few advantages over cookies and local…
Blinking takes approximately 100–400 milliseconds. That’s fast, but it’s two to eight times longer than most people will accept when interacting with a rendering web page. Any longer than 50 milliseconds and visitors sense that a page is unresponsive, affecting their overall user experience. To…
Daily Tips Over the years, I’ve seen a lot of the same myths about vanilla JS pop up over-and-over again. Today, I wanted to debunk a few them. Let’s dig in! Myth 1: Vanilla JS doesn’t scale Oh no? It powers every single library and framework you use that allegedly does scale. Often, people who say…
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’
Juan Fernandes