A few links about headings that I’ve had stored under my top hat.
Headings: Semantics, Fluidity, and Styling — Oh My! originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter….
Explaining the Accessible Benefits of Using Semantic HTML Elements
Why should you use a semantic <button> instead of a generic <div>? Accessibility, right? By how exactly does it help accessibility?
Explaining the Accessible Benefits of Using Semantic HTML Elements originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter….
The “Most Hated” CSS Feature: tan()
Last time, we discussed that, sadly, according to the State of CSS 2025 survey, trigonometric functions are deemed the “Most Hated” CSS feature.
That shocked me. I may have even been a little offended, being a math nerd and …
The “Most Hated” CSS Feature: tan() originally published on…
Getting Creative With Small Screens
On mobile, people can lose their sense of context and can’t easily tell where a section begins or ends. Good small-screen design can help orient them using a variety of techniques.
Getting Creative With Small Screens originally published on CSS-Tricks, which is part of the DigitalOcean family….
Pure CSS Tabs With Details, Grid, and Subgrid
Can we use the <details> element as the foundation for a tabbed interface? Why yes, we can!
Pure CSS Tabs With Details, Grid, and Subgrid originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter….
CSS Animations That Leverage the Parent-Child Relationship
When we change an element’s intrinsic sizing, its children are affected, too. This is something we can use to our advantage.
CSS Animations That Leverage the Parent-Child Relationship originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter….
An Introduction to JavaScript Expressions
A thorough but approachable lesson on JavaScript expressions excerpted JavaScript For Everyone, a complete online course offered by our friends at Piccalilli.
An Introduction to JavaScript Expressions originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter….
Building a Honeypot Field That Works
Honeypots are fields that developers use to prevent spam submissions. They still work in 2025. But you got to set a couple of tricks in place so spambots can’t detect your honeypot field.
Building a Honeypot Field That Works originally published on CSS-Tricks, which is part of…
The thing about contrast-color
One of our favorites, Andy Clarke, on the one thing keeping the CSS contrast-color() function from true glory:
For my website design, I chose a dark blue background colour (#212E45) and light text (#d3d5da). This
…
The thing about contrast-color originally published on CSS-Tricks, which is part of…
We Completely Missed width/height: stretch
The TL;DR is that stretch does the same thing as declaring 100%, but ignores padding when looking at the available space.
We Completely Missed width/height: stretch originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter….