iiinova — where your digital self keeps evolving

CSS-Tricks* @css-tricks.bsky.social · 10/08/2026

Very clever examples from @preethisam.bsky.social animating border-image. Super easy to forget it's animatable in the first place. That radial gradient one is just... 😍 css-tricks.com/animating-cs...

1214

CSS-Tricks* @css-tricks.bsky.social · 06/08/2026

I'd love to see the State of Dev gender breakdown beat this for sure, so vote... all of you... especially those of you whose voices we don't always get to hear.

State of CSS 2026 survey results for demographics showing men outnumbering women, 86% to 11% with non-binary and not listed well below 10%.

010

CSS-Tricks* @css-tricks.bsky.social · 06/08/2026

Well crap, thanks folks! What a thing to come back to after a nice long AFK break. 🧡 And high-fives to @sachagreif.com for always knocking out these surveys. ✋

State of CSS 2026 survey results for most used resources. CSS-Tricks is third only after MDN and Can I Use, meaning it's the most-used publication by developers.

182

CSS-Tricks* @css-tricks.bsky.social · 22/06/2026

Using Scroll-Driven Animations for Opposing Scroll Directions by @silvestar.codes css-tricks.com/scroll-drive...

0173

CSS-Tricks* @css-tricks.bsky.social · 02/06/2026

Working on a little something we've wanted to do *forever* and a day. 🎓

Showing four learning modules for a course on HTML and CSS, including an intro to HTML, Semantics & Structure, HTML Content & Images, and Intro to the CSS Cascade.

0131

CSS-Tricks* @css-tricks.bsky.social · 27/05/2026

Hadn't really thought about letter-spacing being animatable, but @preethisam.bsky.social has a real interesting idea to use it for hidden text. css-tricks.com/revealing-te...

1132

CSS-Tricks* @css-tricks.bsky.social · 20/05/2026

The decline of StackOverflow is nothing new, or even surprising, but it's still worth asking: what does that say about the way we *learn* front-end development? I like the way @sunkanmifafowora.bsky.social pokes at that question. css-tricks.com/stack-overfl...

Scatter plot graph showing the rising and decline of questions asked on StackOverflow between 2009 and 2026. It's a clear hill shape that rises and falls in nearly equal proportion.

051

CSS-Tricks* @css-tricks.bsky.social · 14/05/2026

CSS has come so far that we can play with emerging features for things like calculating and displaying discount prices — just a sprinkle of attr(), checkbox state, and custom counters. Another great piece from @preethisam.bsky.social! css-tricks.com/computing-an...

061

CSS-Tricks* @css-tricks.bsky.social · 08/05/2026

I love follow-up posts like this: @dxnny.fun does an alternate take on @kittygiraudel.com's folded paper. And both approaches are great! 👏 css-tricks.com/using-css-co...

083

CSS-Tricks* @css-tricks.bsky.social · 07/05/2026

If you need an idea for Mother's Day, Lee Meyer's got you covered with an interactive card he made as a tribute to his own mum. 🧡 css-tricks.com/a-scrollytel...

050

CSS-Tricks* @css-tricks.bsky.social · 23/04/2026

You know that (sometimes cool, sometimes annoying) Apple product scrolling animation deal? CSS scroll-driven animations can get us pretty close to it. css-tricks.com/recreating-a...

0110

CSS-Tricks* @css-tricks.bsky.social · 14/04/2026

Managing two states in #CSS (a la the Checkbox Hack) is great and all, but using radio buttons for multiple states opens up a bunch more options. Oodles of examples from @amitsheen.bsky.social: css-tricks.com/the-radio-st...

0186

CSS-Tricks* @css-tricks.bsky.social · 09/04/2026

Select multiple dates on a calendar where the :nth-child()'s “n of selector” syntax does all the heavy lifting. Perfect example of CSS and JS working together in harmony. css-tricks.com/selecting-a-...

1122

CSS-Tricks* @css-tricks.bsky.social · 06/04/2026

A couple new column-wrapping features shipped in Chrome 145, like `column-wrap` and `column-height`. Truly big upgrades for multi-column layouts — here's how you *might* use them... as well as when you might *not* use them. css-tricks.com/css-multi-co...

CSS code snippet for a container that sets column-height to 250 pixels and column-wrap to wrap.

1417

CSS-Tricks* @css-tricks.bsky.social · 02/04/2026

A crap-ton of shape() inspiration from none other than @css-only.dev to help burn your Thursday. css-tricks.com/complex-css-...

2397

CSS-Tricks* @css-tricks.bsky.social · 23/03/2026

So, corner-shape can be animated. Notice the added sprinkle of color-contrast(). css-tricks.com/experimentin...

0465

CSS-Tricks* @css-tricks.bsky.social · 11/03/2026

A few wild examples of the customizable select have been floating around. Here are a few more from @patrickbrosset.com that push the envelope. css-tricks.com/abusing-cust...

0224

CSS-Tricks* @css-tricks.bsky.social · 20/02/2026

Here's @dxnny.fun poking at a new proposal that would allow an element to match an element when the pointer gets :near() it by a certain amount. css-tricks.com/potentially-...

071

CSS-Tricks* @css-tricks.bsky.social · 17/02/2026

Split the text (to experiment, not to ship), rotate and scale it, and translate the individual characters on scroll. Phew, definitely not for the faint of heart but it's a super cool effect! css-tricks.com/spiral-scrol...

060

CSS-Tricks* @css-tricks.bsky.social · 12/02/2026

Geez, @css-only.dev is really on a roll! Not only is he rocking a new article on @frontendmasters.com, but he's got another banger today on responsive pyramidal grids. 🔥 css-tricks.com/making-a-res...

193

CSS-Tricks* @css-tricks.bsky.social · 11/02/2026

Here's a pretty clever, albeit super math-y, way to approximate the contrast-color() function while we're waiting for full support. css-tricks.com/approximatin...

CSS converting the oklch() function to an RGB color with color-mix() that takes a color variable and makes a calculation that returns white or black.

0285

CSS-Tricks* @css-tricks.bsky.social · 10/02/2026

The progress() function is sorta like clamp() but returns 1 or 0. Combine it with calc() and you can get weird with it. css-tricks.com/almanac/func...

0233

CSS-Tricks* @css-tricks.bsky.social · 28/01/2026

By default, the new ::search-text pseudo (Chrome 144) matches are yellow while the current target (::search-text:current) is orange, but ::search-text enables us to change that. (via @dxnny.fun ) css-tricks.com/how-to-style...

042

CSS-Tricks* @css-tricks.bsky.social · 23/01/2026

A while back, @css-only.dev tacked a repeating grid of hexagon shapes. Well, he's updated it with modern CSS features that result in fewer magic numbers. And it's impressive! css-tricks.com/responsive-h...

0294

CSS-Tricks* @css-tricks.bsky.social · 14/01/2026

Loving @codepen.io's new slideVars tool! Makes interactive demos ridiculously easy. Super work, @chriscoyier.net and team! css-tricks.com/playing-with...

1235

CSS-Tricks* @css-tricks.bsky.social · 07/01/2026

What? Style an element *while* it's being dragged? @sunkanmifafowora.bsky.social explains how it could become a thing in the future with :drag and ::dragged pseudos. css-tricks.com/future-css-d...

0173

CSS-Tricks* @css-tricks.bsky.social · 22/12/2025

Here's one of those super duper minor details that can make a designer's eyes water. css-tricks.com/text-decorat...

A blue link that reads Next Level. The extreme edges of the link are zoomed in focusing on a minor bit of gap between the first and last characters and the edges of the link's content box.

0121

CSS-Tricks* @css-tricks.bsky.social · 17/11/2025

How can trig functions be the "most hated" CSS feature where they can do things like this? @monknow.bsky.social has several other fun examples as well. css-tricks.com/the-most-hat...

0357

CSS-Tricks* @css-tricks.bsky.social · 29/10/2025

Oh weird, seems all good on MacOs 26.0.1

Screenshot of a three-panel tabbed interface.

010

CSS-Tricks* @css-tricks.bsky.social · 07/10/2025

Interesting to think about what other types of ::picker we'll be able to style beyond <select>. ::picker(select) {} ::picker(date) { } ::picker(color) {} ... css-tricks.com/almanac/pseu...

0160

CSS-Tricks* @css-tricks.bsky.social · 22/08/2025

Alright, we're capping off @amitsheen.bsky.social's CSS-Tricks takeover with the final chapter in his series — this time making fully responsive bulging text that follows your mouse in real time. ✨ css-tricks.com/3d-layered-t...

081

CSS-Tricks* @css-tricks.bsky.social · 18/08/2025

Alright, we're letting @amitsheen.bsky.social take over CSS-Tricks... all week! He's got a three-parter that's a super deep dive into 3D layered text. Part one is all about creating an index of layers for adding depth, and it's full of goodies. css-tricks.com/3d-layered-t...

0243

CSS-Tricks* @css-tricks.bsky.social · 18/06/2025

We’ve got something fun brewing and I can’t wait to hit the ol’ Publish button on it!

Screenshot of the header of a webpage with the heading CSS Color Functions.

0160

CSS-Tricks* @css-tricks.bsky.social · 17/01/2025

Anchor positioning can be great for little interactive effects — as @css-only.dev shows off with this menu hover. css-tricks.com/fancy-menu-n...

Animated gif of a hover effect on menu items.

060

CSS-Tricks* @css-tricks.bsky.social · 15/01/2025

Lee Meyer using scroll-driven animations as an interaction to "like" or "dislike" something. css-tricks.com/web-slinger-...

Animated gif swiping left to right on a card that reveals poll results.

1121

CSS-Tricks* @css-tricks.bsky.social · 15/11/2024

You’re gonna wanna hang out at the next Smashing Hour… not for me but to watch my face melted off by @infrequently.org while we chat.

Smashing Hour smashed.by/smashinghour with Alex Russell hosted by Geoff Graham. Tuesday, November 19, 8AM Pacific Time.

0113