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 data

Latest Articles Inside Calibre Product Web Performance Total Blocking Time: A Short and Sweet Guide for Happier Users Ben Schwarz September 15, 2022 Illustrated by Jeffrey Phillips Blinking takes appr

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 eve

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

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

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

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

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

2022-11-21 #git This is a friendly reminder to keep leading slashes in mind in .gitignore files. The other day, I pulled down a project and couldn’t get the CSS to build because files were missing. It

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,

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

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

Working with git worktrees Published: 2022.10.24 · 3 minutes read The most recent update of one of my favourite Visual Studio Code plugins, GitLens , triggered my curiosity when I saw a new (to me) “W

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

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

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

Dark mode UI design best practices Ondřej Pešička · October 8, 2022 · 6 min read Dark Mode has swallowed the world. It's probably the most requested feature in any app or website, and every designer's

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