⬡Web Dev
A Scrollytelling Gift for Mum on Mother’s Day 2026
I will explain how my mum inspired this 2026 Mother’s Day scrollytelling experiment — but also, how she inspired my approach to dev and life. A Scrollytelling Gift for Mum on Mother’s Day 2026 originally handwritten and published with love on CSS-Tricks. You should real...
CSS-Tricks21h ago
⬡Web Dev
Google’s Prompt API
Mat Marquis on Google pulling the web standards equivalent of U2 album marketing: As a Chrome user, you’ll have received Gemini Nano in the form of a 4GB transfer recently; no permission asked or required. If you remove it, … Google’s Prompt API originally...
CSS-Tricks1d ago
⬡Web Dev
Making Zigzag CSS Layouts With a Grid + Transform Trick
Most grid layouts sit in neat rows, perfectly aligned, like soldiers in formation. But sometimes you want something with more rhythm like, say, a zigzag pattern. Here's how to do it with CSS Grid. Making Zigzag CSS Layouts With a Grid + Transform Trick originally handwritten ...
CSS-Tricks1d ago
⬡Web Dev
The Architecture Of Local-First Web Development
An honest perspective on building local-first web apps in 2026, written for developers who’ve been doing this long enough to be skeptical of silver bullets.
Smashing Mag2d ago
⬡Web Dev
Rethinking The Experience Of System Tools
Design always starts with function — function shapes form. But if that function can’t be made completely invisible and people still have to interact with it, it inevitably becomes part of their experience. In this article, Kyrylo Levashov shares four common software d...
Smashing Mag3d ago
⬡Web Dev
Fixed-Height Cards: More Fragile Than They Look
Getting a multi-column of cards to line up equally is is a headache we've all faced, and it gets even harder when working with fixed heights. Fixed-Height Cards: More Fragile Than They Look originally handwritten and published with love on CSS-Tricks. You should really get th...
CSS-Tricks3d ago
⬡Web Dev
What’s !important #10: HTML-in-Canvas, Hex Maps, E-ink Optimization, and More
Developers have been experimenting with HTML-in-Canvas, a hexagonal world map-analytics feature, a web-based OS for e-ink devices, replacing image sources using the content property, and more. This is What’s !important #10. What’s !important #10: HTML-in-Canvas, Hex Maps,...
CSS-Tricks6d ago
⬡Web Dev
Designing Stable Interfaces For Streaming Content
Streaming UIs are an easy concept on the surface, but are quite complicated in practice. There are many considerations that need to be accounted for, from layout shifts and motion preferences to proper markup and various states, that may not be instantly obvious. What happens...
Smashing Mag7d ago
⬡Web Dev
The Importance of Native Randomness in CSS
We're getting new functions for generating random numbers in CSS! But the road to get here has been a long and winding one. The Importance of Native Randomness in CSS originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.
CSS-Tricks7d ago
⬡Web Dev
A Fresh View In May (2026 Wallpapers Edition)
Let’s welcome May with a new collection of desktop wallpapers! Following our monthly tradition, the wallpapers were created by the community for the community and can be downloaded for free. Enjoy!
Smashing Mag8d ago
⬡Web Dev
contrast()
The contrast() filter function increases or decreases the contrast of an element. contrast() originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.
CSS-Tricks8d ago
⬡Web Dev
contrast-color()
The contrast-color() function takes a <color> and returns either black or white, whichever is the most contrasting color for that value. contrast-color() originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.
CSS-Tricks8d ago
⬡Web Dev
The “Bug-Free” Workforce: How AI Efficiency Is Subtly Disrupting The Interactions That Build Strong Teams
AI tools are eliminating the need to “bug” colleagues for help, but the informal interactions they replace are the very scaffolding that builds team trust, belonging, and innovation. Casey Hudetz and Eric Olive explore the research and potential impacts behind that risk a...
Smashing Mag11d ago
⬡Web Dev
The UX Designer’s Nightmare: When “Production-Ready” Becomes A Design Deliverable
In a rush to embrace AI, the industry is redefining what it means to be a UX designer, blurring the line between design and engineering. Carrie Webster explores what’s gained, what’s lost, and why designers need to remain the guardians of the user experience.
Smashing Mag16d ago
⬡Web Dev
Session Timeouts: The Overlooked Accessibility Barrier In Authentication Design
Poorly handled session timeouts are more than a technical inconvenience. They can become serious accessibility barriers that interrupt essential online tasks, especially for people with disabilities. Here is how to implement thoughtful session management that improves usabili...
Smashing Mag17d ago
⬡Web Dev
How To Improve UX In Legacy Systems
Practical guidelines for driving UX impact in organizations with legacy systems and broken processes. Brought to you by Measuring UX Impact, **friendly video course on UX** and design patterns by Vitaly.
Smashing Mag27d ago