Search
Another Stab at Truncated Text
3.9.2024
Seems like we’re always talking about clipping text around here. All it takes is a little browsing to spot a bunch of things we’ve already explored.
Article
on
Sep 19, 2012
Multi-line Text Overflow Ellipsis
accessibility content...
Case Study: Armur—Alexandra Murgu Portfolio
29.8.2024
Behind the scenes of one of Artemii Lebedev's projects: Armur, a portfolio website for the film industry, created for Alexandra Murgu
Basic keyboard shortcut support for focused links
23.8.2024
Eric gifting us with his research on all the various things that anchors (not links) do when they are in :focus.
Turns out, there’s a lot!
That’s an understatement! This is an incredible amount of work, even …
Basic keyboard shortcut support for focused links originally published...
The Intersection of Speed and Proximity
21.8.2024
You ever find yourself in bumper-to-bumper traffic? I did this morning on the way to work (read: whatever cafe I fancy). There’s a pattern to it, right? Stop, go, stop, go, stop… it’s almost rhythmic and harmonious in the most …
The Intersection of Speed and Proximity...
Elastic Overflow Scrolling
21.8.2024
A client asked if we could mimic the “rubber band” scrolling behavior on many mobile devices. I’m sure you know what I’m talking about. It’s a behavior that already exists and happens automatically in most browsers. In iOS Safari, for …
Elastic Overflow Scrolling...
Case Study: Design Education Series
21.8.2024
Explore how the Design Education Series (DES) by Obys Agency was developed to provide a dynamic and engaging learning experience with innovative design and 3D features
On the Ground at Frostapalooza
19.8.2024
I can’t say I would have ever expected to see Jeremy Keith performing the Yeah Yeah Yeahs song “Maps”, but then again, I don’t know what I expected to happen at Frostapalooza.
The Event
Brad Frost, web …
On the Ground at Frostapalooza originally published...
All About JavaScript Loops
19.8.2024
Every programming language has loops. Loops perform an operation (i.e., a chunk of work) a number of times, usually once for every item in an array or list, or to simply repeat an operation until a certain condition is met.…
All About JavaScript Loops originally published on CSS-Tricks...
“Smart” Layouts With Container Queries
14.8.2024
Modern CSS keeps giving us a lot of new, easier ways to solve old problems, but often the new features we’re getting don’t only solve old problems, they open up new possibilities as well.
Container queries are one of those …
“Smart” Layouts With Container Queries originally published...
CSS Chronicles XLII
9.8.2024
Remember these? Chris would write a post now and then to chronicle things happening around the ol’ CSS-Tricks site. It’s only been 969 days since the last one, give or take. Just think: back then we were poking at …
CSS Chronicles XLII originally published on CSS-Tricks, which...
Designer Spotlight: Vladimir Biondić
9.8.2024
Explore the visionary artistry of Vladimir Biondic, an independent Serbian art director and designer with over a decade of experience in web and branding design
CSS Olympic Rings
7.8.2024
It was a few years ago during the 2020 Olympics in Tokyo 2020 that I made a demo of animated 3D Olympic rings. I like it, it looks great, and I love the effect of the rings crossing each other.…
CSS Olympic Rings originally published on CSS-Tricks, which is part of the DigitalOcean family....
HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier!
1.8.2024
I have to thank Jeremy Keith and his wonderfully insightful article from late last year that introduced me to the concept of HTML Web Components. This was the “a-ha!” moment for me:
When you wrap some existing markup in a
…
HTML Web Components Make Progressive Enhancement and...
Designer Spotlight: Artemii Lebedev
1.8.2024
Meet Artemii Lebedev, the award-winning designer and art director behind Le:mma Studio, who excels in blending aesthetics and functionality, offering insights into his innovative works and creative process
Where You Can Still Get A Book Apart Titles
31.7.2024
It’s been a few months out since A Book Apart closed shop. I’m sad about it, of course. You probably are, too, if you have one of their many brightly-colored paperbacks sitting on a bookshelf strategically placed as a backdrop …
Where You Can Still Get A Book Apart Titles originally...
Letter Spacing is Broken and There’s Nothing We Can Do About It… Maybe
29.7.2024
This post came up following a conversation I had with Emilio Cobos — a senior developer at Mozilla and member of the CSSWG — about the last CSSWG group meeting. I wanted to know what he thought were the …
Letter Spacing is Broken and There’s Nothing We Can Do About It… Maybe...
Case Study: Rogier de Boevé Portfolio — 2024
26.7.2024
Insights into the creative process and technical details behind the portfolio of Rogier de Boevé, a Belgium-based creative developer and digital designer
Pop(over) the Balloons
25.7.2024
I’ve always been fascinated with how much we can do with just HTML and CSS. The new interactive features of the Popover API are yet another example of just how far we can get with those two languages alone.
You …
Pop(over) the Balloons originally published on CSS-Tricks, which is part of...
On Ne Change Pas: The Creative Work Process Behind a Stunning UI Animation
23.7.2024
In this article, we take you behind the scenes to explore the creation process of an intriguing animation
CSS Stuff I’m Excited After the Last CSSWG Meeting
19.7.2024
From June 11–13, the CSS Working Group (CSSWG) held its second face-to-face meeting of the year in Coruña, Spain, with a long agenda of new features and improvements coming to language. If 2023 brought us incredible advances like …
CSS Stuff I’m Excited After the Last CSSWG...