91
CSS findings from the Threads app
A few interesting CSS findings from the threads app by Meta.
92
Stylized Water Shader
💦 A huge, step-by-step tutorial on how to create a beautiful stylized water shader in Unity using Shader Graph. This works with Unity's Universal Render Pipeline (URP). Includes colors, foam, refraction, reflections, caustics and Gerstner waves.
93
94
Aptos, our modern successor to Calibri
Introducing Aptos, our modern successor to Calibri
95
Accessible hamburger buttons without JavaScript
Learn how to create an accessible hamburger button with pure HTML and CSS.
96
An Alerting Vista of macOS Sonoma
There’s a new “feature” in Sonoma, and no one besides Apple is quite sure what it is. Alerts for deprecated APIs are now appearing frequently. Sometimes when you launch an app, and sometimes at random. Here are three I got the other day after waking a MacBook from sleep: From a UI point-of-view, these alerts […]
97
How Photoshop solved working with files larger than can fit into memory
Learn how Adobe managed to let users edit even the biggest files on the web version of its iconic Photoshop app.
98
An end to typographic widows on the web
Currently shipping in Chrome Canary, and thus soon to be in Blink-based browsers including Edge, is a relatively new CSS declaration which promises to virtually end typographic widows.
99
Don't disable buttons
One of the most common accessibility issues I find (and fix) on client projects is dynamically disabled form buttons when a form is being submitted. Today I want to talk about why developers do it, why it’s bad, and what you can do instead. Let’s dig in! Why developers disable buttons Typically, I see the pattern used…
100
When Interfaces Kill: What Happened to John Denver (1999)
How poor design killed John Denver dead.
101
Flexoki, an inky color scheme for prose and code
An inky color scheme for prose and code.
102
Tether elements to each other with CSS anchor positioning
A new API is coming to the web platform to help you position elements in an adaptive way with no tricks.
103
Semantic Zoom
Making a gestural, itemized environment more fluid
104
Notes on rarely-seen game mechanics
From the highly eclectic blog of Mark Dominus
105
Rebuilding a featured news section with modern CSS: Vox news
Rebuilding Vox News featured section with modern CSS.
106
Deus Ex – Alpha Terrain
Three years ago, while playing Deus Ex: Mankind Divided , I noticed a nice little trick and tweeted about it – today is the day when I finally release it as an article. Do you guess, what’s this about?
107
108
109
New Bézier curves for vector graphics
Mathematical insights create a more intuitive UI for Bézier curves.
110
How to Make Your Own Spooky Magic Eye Pictures (Autostereograms)
The simple standalone C++ code that goes with this post and makes autostereograms, can be found at The 1990s! They felt like a wasteland of culture at the time, but looking back, there was hyper co…
111
Modern CSS for Dynamic Component-Based Architecture
Explore modern project architecture, theming, responsive layouts, and component design. Learn to improve code organization, dig into layout techniques, and review real-world, context-aware components that use cutting-edge CSS techniques.
112
Death by design patterns, or On the cognitive load of abstractions in the code
After many years coding in different teams — big and small — I think I can now finally explain to myself why and when do we need, or not…
113
114
Bad Apple Font
It is possible to embed a animation into a font, with only a small amount of hacking
115
HTML attributes for improved accessibility and user experience
A collection of bad practices in HTML, copied from real websites.
116
SPA view transitions land in Chrome 111
The View Transition API allows page transitions within single-page apps, and will later include multi-page apps.
117
Smallest Typeface
Anders de Flon. Type design information compiled and maintained by Luc Devroye.
118
CSS solves auto-expanding textareas (probably, eventually)
I’ll cut to the chase before I type too many more words: textarea { field-sizing: content; /* used to be `form-sizing` but changed to this */ } I came across it via an Amit Merchant blog post…
119
Should you add screenshots to documentation?
Screenshots in documentation can be a contentious topic — some people really like them and think they add a lot of value, while others dislike them due to the maintenance burden and accessibility issues. So what should you do?
120
Ravenchord – A Radical Redesign of the Piano
Dan Harden's Ravenchord redefines the piano by exposing strings and hammers in a striking spiral, blending aesthetic and acoustic beauty in one.