Juan Diego Rodríguez

radial-gradient() | CSS-Tricks The radial-gradient() functions creates a circular or elliptical color gradient starting from a center point and spreading outward.

Everything you ever wanted, or needed, to know about radial gradients, courtesy of @monknow.bsky.social — even digging into those tricky hue interpolation and radial-extent keywords.

css-tricks.com/almanac/func...

css-tricks.com/almanac/func...

Setting Line Length in CSS (and Fitting Text to a Container) | CSS-Tricks The many ways to juggle line length when working with text... including two proposed properties that could make it easier in the future.

Here’s one from @dxnny.fun covering many ways to juggle line length when working with text... including two proposed properties that could make it easier in the future.

css-tricks.com/setting-line...

It's amazing how much I've learned just from working with you. Really grateful too🫂🫂🫂

I do a terrible job highlighting recent work that's gone into the CSS-Tricks almanac.

A few choice samples:

- view(): css-tricks.com/almanac/func...

- ::target-text: css-tricks.com/almanac/pseu...

- shape(): css-tricks.com/almanac/func...

- sibling-count(): css-tricks.com/almanac/func...

New one!!!

CSS Color Functions CSS Tricks and Sunkanmi Fafowora have published an absolutely fantastic guide on all the new CSS colour stuff.

CSS Tricks and Sunkanmi Fafowora have published an absolutely fantastic guide on all the new CSS colour stuff.

piccalil.li/links/css-co...

Two anime style cartoon dudes that are fuckin' massive, muscular monsters, shaking hands

CSS-Tricks 🤝 Piccalilli

Absolutely! Thanks so much ;). I am still learning (as everyone) about color, so any feedback is appreciated

The worst thing is AI uses em dashes very poorly — what a time!

Proposed control-value() in CSS to update thumb slider value without JS! #CSSDay

The State of CSS 2025 Survey is out! | CSS-Tricks The State of CSS 2025 Survey dropped a few days ago, and besides anticipating the results, it's exciting to see a lot of the new things shipped to CSS reflected in the questions.

The State of CSS 2025 Survey is out!

css-tricks.com/the-state-of...

Started writing something and then ended up with 5 new article ideas. The initial thing I was writing is still sitting there, unfinished, judging me from afar.

The Index: Issue #95 The Index #95 is here, featuring an internet road trip, Obsidian, nested lists, a stunning font website and JS routing.

The Index #95 is here, featuring an internet road trip, Obsidian, nested lists, a stunning font website and JS routing.

piccalil.li/the-index/95/

Thanks for the mention!! 🫂

Use them all the time in demos to separate the basic styling from what I want to show :)

A Reader's Question on Nested Lists | CSS-Tricks Answering a reader's question about how to create a complex numbering system with CSS list counters.

A reader wrote-in asking how to make a complex list-counting system for a legal document. We ain't no lawyers, but we can style the crap out of lists with CSS!

css-tricks.com/a-readers-qu...

HTML Email Accessibility Report 2025 | CSS-Tricks Some weekend reading on the heels of Global Accessibility Awareness Day (GAADM), which took place yesterday. The Email Markup Consortium (EMC) released its

The Email Markup Consortium released its 2025 study on the accessibility in HTML emails, and the TL;DR is not totally dissimilar from what we heard from WebAIM’s annual web report.

css-tricks.com/html-email-a...

YES!

I hate how AI has bastardized the em dash (—.—)

Why is Nobody Using the hwb() Color Function? | CSS-Tricks Okay, nobody is an exaggeration, but have you seen the stats for hwb()? They show a steep decline, and after working a lot on color in the CSS-Tricks almanac, I’ve just been wondering why that is.

What are your go-to color functions? Is hwb() one of them? Why or why not?

css-tricks.com/why-is-nobod...

A New "Web" Readiness Report | CSS-Tricks HTML 5 Readiness was a site that showed through a rainbow of colors the browser support for several web features. What about a new version?

Mr. @monknow.bsky.social was waxing nostalgic on the HTML5 & CSS Readiness project and decided to make a new one purely for newer web features.

Should be cool: the rainbow grows as features gain support! It'll be fun to take snapshots to see the progression.

css-tricks.com/a-new-web-re...

Thanks so much for mentioning my guide!

Revisiting CSS border-image | CSS-Tricks I’ve used border-image regularly. Yet, it remains one of the most underused CSS tools, and I can’t, for the life of me, figure out why. Is it possible that people steer clear of border-image because i...

Please enjoy a deep look at using border-image to enhance illustrations, written by one of my web design heroes, Andy Clarke.

css-tricks.com/revisiting-c...

The first episode of a new podcast I'm co-hosting with the unimitable @bradfrost.com called Open Up just dropped. It's all about the less tangible things we _feel_ in tech rather than the _specifics_ that we use in our work.

Will you check it out?

geoffgraham.me/open-up-with...

Styling Counters in CSS | CSS-Tricks Going from the most basic ways to style lists directly in HTML to advanced customization techniques that are even capable of making things that aren't lists look like lists.

A massive guide on styling counters... going from the most basic ways to style lists directly in HTML to advanced CSS techniques that are capable of making things that aren't lists look like lists.

Big ol' props to @monknow.bsky.social for pulling it all together!

css-tricks.com/styling-coun...

Delaying the shipping of CSS @function from Chrome 136 to 139  |  Blog  |  Chrome for Developers The Chrome team responds to concerns from the community.

No one told me I was mentioned on one of the latest @nerdy.dev's Chrome posts. It made my week!!

developer.chrome.com/blog/delayin...

Super excited about how this turned out!!

Getting the viewport size in CSS ain't a new trick, but storing it as a variable and using it to position elements on the page opens up a lot of new tricks.

Here's @monknow.bsky.social using it to fluidly position elements on a page without overlapping.

css-tricks.com/typecasting-...

Blink: Intent to Prototype: CSS if() function

CSS Weekly Issue #603 Learn how sibling-count() and sibling-index() functions work, how to style elements that span multiple lines, how to utilize light-dark() function, and more.

CSS Weekly #603
👭 sibling-count() & sibling-index() functions
⚜️ box-decoration-break
🌗 llight-dark()
🚀 tight mode in browsers

Featuring @kilianvalkhof.com, @mayank.co, @geoffgraham.me, @chriscoyier.net, @cferdinandi.bsky.social, @alexmuzenhardt.bsky.social, @codepo8.bsky.social.

cssw.io/issue-603