Juan Diego Rodríguez
LightNews LightNews
monknow.bsky.social
Juan Diego Rodríguez
@monknow.bsky.social
150 followers 35 following 26 posts
Writer and Developer!

CSS-Tricks: https://css-tricks.com/author/monknow/
Posts Replies Media Videos
monknow.bsky.social
The second part on trigonometric functions just got published. 🧡

The first part got a lot of reads, so thanks so much! A third and last part will be coming soon 👀
November 3, 2025 at 7:35 PM
monknow.bsky.social
!!!
css-tricks.bsky.social CSS-Tricks* @css-tricks.bsky.social · 16d
CSS trig functions make wayyy more sense the way @monknow.bsky.social explains then, even to non-math-y folks like me.

He's put together explainers on sin(), cos(), and tan().

⭐️ css-tricks.com/almanac/func...
⭐️ css-tricks.com/almanac/func...
⭐️ css-tricks.com/almanac/func...
November 1, 2025 at 12:02 AM
Reposted by Juan Diego Rodríguez
css-tricks.bsky.social
CSS trig functions make wayyy more sense the way @monknow.bsky.social explains then, even to non-math-y folks like me.

He's put together explainers on sin(), cos(), and tan().

⭐️ css-tricks.com/almanac/func...
⭐️ css-tricks.com/almanac/func...
⭐️ css-tricks.com/almanac/func...
October 30, 2025 at 2:14 PM
monknow.bsky.social
A new one for CSS-TRICKS!!!
css-tricks.bsky.social CSS-Tricks* @css-tricks.bsky.social · Sep 29
Safari 26 introduces a lot of new stuff. To be precise, it adds: 75 new features, 3 deprecations, and 171 other improvements.

Here's all the CSS goodness you'll want to know about, courtesy of @monknow.bsky.social.

css-tricks.com/touring-new-...
Touring New CSS Features in Safari 26 | CSS-Tricks
Safari 26 adds:75 new features, 3 deprecations, and 171 other improvements. Here's all the CSS goodness you'll want to know about.
css-tricks.com
September 30, 2025 at 4:01 PM
Reposted by Juan Diego Rodríguez
codepen.io
"Avatar Indicators, using CSS Mask / Trig" by Simon Goellner

codepen.io/simeydotme/p...
September 17, 2025 at 3:32 PM
monknow.bsky.social
New one on CSS-Tricks!!

Talking about sin() and cos() here, but we'll get to the rest of trig functions later on ;)
September 16, 2025 at 1:57 AM
monknow.bsky.social
Is it just me, or is the CSSWG drafts site loading without styles?

(E.g.: drafts.csswg.org/css-anchor-p...)
September 6, 2025 at 2:38 PM
monknow.bsky.social
I can't express how awesome and supportive the CSS community is!! THANKS :)
bell.bz Andy Bell @bell.bz · Aug 19
Juan, hitting it out of the park, as per
August 24, 2025 at 1:17 AM
Reposted by Juan Diego Rodríguez
css-tricks.bsky.social
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...
radial-gradient() | CSS-Tricks
The radial-gradient() functions creates a circular or elliptical color gradient starting from a center point and spreading outward.
css-tricks.com
July 31, 2025 at 1:47 PM
Reposted by Juan Diego Rodríguez
css-tricks.bsky.social
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...
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.
css-tricks.com
July 14, 2025 at 12:47 PM
Reposted by Juan Diego Rodríguez
css-tricks.bsky.social
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...
July 3, 2025 at 1:56 PM
monknow.bsky.social
New one!!!
June 28, 2025 at 5:34 PM
Reposted by Juan Diego Rodríguez
piccalil.li
CSS Tricks and Sunkanmi Fafowora have published an absolutely fantastic guide on all the new CSS colour stuff.

piccalil.li/links/css-co...
CSS Color Functions
CSS Tricks and Sunkanmi Fafowora have published an absolutely fantastic guide on all the new CSS colour stuff.
piccalil.li
June 23, 2025 at 12:40 PM
Reposted by Juan Diego Rodríguez
bell.bz
CSS-Tricks 🤝 Piccalilli
Two anime style cartoon dudes that are fuckin' massive, muscular monsters, shaking hands
June 23, 2025 at 2:05 PM
Reposted by Juan Diego Rodríguez
una.im
Proposed control-value() in CSS to update thumb slider value without JS! #CSSDay
June 6, 2025 at 10:26 AM
monknow.bsky.social
The State of CSS 2025 Survey is out!

css-tricks.com/the-state-of...
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.
css-tricks.com
June 5, 2025 at 5:19 PM
monknow.bsky.social
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.
May 28, 2025 at 5:00 AM
Reposted by Juan Diego Rodríguez
piccalil.li
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/
The Index: Issue #95
The Index #95 is here, featuring an internet road trip, Obsidian, nested lists, a stunning font website and JS routing.
piccalil.li
May 21, 2025 at 11:05 AM
Reposted by Juan Diego Rodríguez
css-tricks.bsky.social
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...
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.
css-tricks.com
May 19, 2025 at 12:47 PM
Reposted by Juan Diego Rodríguez
css-tricks.bsky.social
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...
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
css-tricks.com
May 16, 2025 at 2:45 PM
monknow.bsky.social
YES!
una.im Una Kravets @una.im · May 12
Intent to ship for sibling-index() & sibling-count()!

You won't need to itemize nth-child to style things like staggered animations anymore 🥳

For example, I'd be able to clean up the angle position and animation delays in this demo: codepen.io/una/pen/Qwwz...

Explainer: github.com/w3c/csswg-dr...
May 12, 2025 at 9:51 PM
monknow.bsky.social
I hate how AI has bastardized the em dash (—.—)
May 7, 2025 at 3:07 PM
Reposted by Juan Diego Rodríguez
css-tricks.bsky.social
What are your go-to color functions? Is hwb() one of them? Why or why not?

css-tricks.com/why-is-nobod...
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.
css-tricks.com
May 7, 2025 at 12:29 PM
Reposted by Juan Diego Rodríguez
css-tricks.bsky.social
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...
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?
css-tricks.com
April 4, 2025 at 1:09 PM
Reposted by Juan Diego Rodríguez
css-tricks.bsky.social
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...
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...
css-tricks.com
March 21, 2025 at 1:28 PM