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 t
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 misconception
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
17 October, 2022 UX is more than usability 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 i
Entering a time is challenging because: a time is made up of hours, minutes and a period (AM or PM) there are many different formats for the same time like ‘12am’ ‘24:00’, 12.00am’, ‘12a.m.’ and ‘00’
Happy New Year, friends! Time to write another year in review. This will be the seventh time I've done this. Here are all the previous ones: 2016 into 2017 2017 into 2018 2018 into 2019 2019 into 2020
30th December 2022 My 2022 round-up Happy Hogmanay, New Year, or January depending on what you celebrate! This is a wrap-up of my year, which has been extremely busy for me. It's mostly for myself to
2022 brought in some pretty wild events in the world. UK politics went a bit haywire - seeing 3 Prime Ministers and plenty of other job swaps (including four chancellors of the exchequer), resignation
Another year has come and gone. I can’t believe it. I think I’ll look back on 2022 as a year of milestones. It’s been a year of new jobs, new challenges, new products, and new hobbies. This is my seco
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. 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
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
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
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
Written by on CSS Wizardry . Table of Contents 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 demonstrably a Good
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
Written by on CSS Wizardry . Table of Contents A thing I see developers do time and time again is make performance-facingchanges to their sites and apps, but mistakes in how they measure them oftenlea
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