Latest
Updated 03:06 PMLet’s Use the Emergent CSS random() Function in all the Browsers
The journey to create a polyfill for the upcoming CSS random() function that works in all browsers. Let’s Use the Emergent CSS random() Function in all the Browsers originally handwritten and published with love on CSS-T…
What’s !important #18: <geolocation>, Syntax ::highlight()ing, named-feature(), and More
Well, that’s a wrap. No, not a flex-wrap, but rather today marks a new day, week, month, season, aaaand new edition of What’s important (#18), bringing you the best content that developers have produced over the last cou…
Creating Web Widgets Using the Document Picture-in-Picture API
The general idea is that we create a Document Picture-in-Picture window (DPIP window), and then we put HTML, CSS, and JavaScript into it. Creating Web Widgets Using the Document Picture-in-Picture API originally handwrit…
animation-trigger
The CSS animation-trigger property allows you to delay the start of a CSS animation until a specific trigger occurs. animation-trigger originally handwritten and published with love on CSS-Tricks. You should really get t…
MicroLighter: Syntax Highlighter
Syntax highlighting for code blocks without the complicated markup, spans, classes, and bloated JavaScript, courtesy of Uncle Dave. MicroLighter: Syntax Highlighter originally handwritten and published with love on CSS-T…
WordPress PHP-Only Block Registration
Seven and half years after blocks arrived in Core, WordPress introduces a way to build blocks without React annd build pipelines. All you need is PHP. WordPress PHP-Only Block Registration originally handwritten and publ…
Bad Code Is Often a Leadership Problem
The Codebase Is just the Receipt for Every Bad Business Decision.
Designed for a Dead Language
Every language app in your pocket inherited a teaching method built for Latin. Understanding why that happened is a more useful design lesson than anything the apps themselves will teach you. In 1788, Prussia introduced …
The Architecture Was Correct. The Decision Wasn’t.
Your system can be scalable, secure, and beautifully designed. And still be the wrong thing to build.
Good designers, bad websites: a proposal
I want to discuss accessibility because it is the most important thing for making websites. Other A List Apart articles give you innovation and insight. This article will give you homework. These are just my personal vie…
Stop Wasting LLM Tokens. 🛑
If you're using JSON for your LLMs, you are likely overpaying for your API usage.
JavaScript SpeechSynthesis API
As the web continues to be the medium for all users, standards bodies need to continue to provide new APIs to enrich user experience and accessibility. One underused API for unsighted users is speechSynthesis, an API to …
Fix “This video format is not supported” on YouTube TV
Setting up a new computer is bliss — no old, unused apps and the machine performs much better than the previous. Unfortunately, you may encounter new problems based on the new hardware. One such issue I encountered with …
Design for Amiability: Lessons from Vienna
Today’s web is not always an amiable place. Sites greet you with a popover that demands assent to their cookie policy, and leave you with Taboola ads promising “One Weird Trick!” to cure your ailments. Social media sites…
Design Dialects: Breaking the Rules, Not the System
"Language is not merely a set of unrelated sounds, clauses, rules, and meanings; it is a totally coherent system bound to context and behavior." — Kenneth L. Pike The web has accents. So should our design systems. Design…
An Holistic Framework for Shared Design Leadership
Picture this: You’re in a meeting room at your tech company, and two people are having what looks like the same conversation about the same design problem. One is talking about whether the team has the right skills to ta…
From Beta to Bedrock: Build Products that Stick.
As a product builder over too many years to mention, I've lost count of the number of times I've seen promising ideas go from zero to hero in a few weeks, only to fizzle out within months. Financial products, which is th…
Understanding Software Licenses: Open Source and Closed Source
Understanding open source licenses is crucial as it determines how software can be used, modified, and distributed. This guide explores the various types of open source licenses, their legal implications, and how to choo…
Easy way to upload, transform and deliver files and images (Sponsored)
Managing media is a really difficult task if you try to do all of it yourself, especially if the media comes from other sources. The file can be submitted in any state and size, but what if you need something really spec…
CRDTs: Collaborate Without the Conflict
Ever tried editing a Google Doc simultaneously with ten colleagues? If so, congratulations—you're already acquainted with this technology! Before you lose faith in collaborative tech, let's introduce your soon-to-be favo…
"It Works on My Machine" and Other Lies We Tell Ourselves
A Survival Guide to Blame Your Team and the Universe
How to Download a YouTube Video or Channel
The ability to download media on the internet almost feels like a lost art. When I was in my teens, piracy of mp3s, movies, and just about everything else via torrents and apps like Kazaa, LimeWire, Napster, etc. was in …
How to Add a Header to a curl Request
curl is one of those great utilities that’s been around seemingly forever and has endless use cases. These days I find myself using curl to batch download files and test APIs. Sometimes my testing leads me to using diffe…
Case Insensitive CSS Attribute Selector
CSS selectors never cease to amaze me in how powerful they can be in matching complex patterns. Most of that flexibility is in parent/child/sibling relationships, very seldomly in value matching. Consider my surprise whe…