Sign in

Juan Diego Rodríguez

@monknow.bsky.social
200 followers 45 following 37 posts

Writer and Developer! CSS-Tricks: css-tricks.com/author/monknow

PostsRepliesMedia
Reposted by Juan Diego Rodríguez
Geoff Graham @geoffgraham.me · 18/09/2026
The Front-End Community is Still Alive and Beautiful I thought about dropping an addendum into my last post to say just how overwhelmed I am, in the best possible way, by the way all of you in the... geoffgraham.me/the-front-end-commun…
geoffgraham.me
The Front-End Community is Still Alive and Beautiful
I thought about dropping an addendum into my last post to say just how overwhelmed I am, in the best possible way, by the way all of you in the front-end community have shown up to show support, both for me and for CSS-Tricks. I started to do that but then felt a new post...
111028
Reposted by Juan Diego Rodríguez
Daniel Schwarz @dxnny.fun · 18/09/2026
geoffgraham.me/the-front-en...
geoffgraham.me
The Front-End Community is Still Alive and Beautiful
I thought about dropping an addendum into my last post to say just how overwhelmed I am, in the best possible way, by the way all of you in the front-end community have shown up to show support, both for me and for CSS-Tricks. I started to do that but then felt a new post...
031
Juan Diego Rodríguez @monknow.bsky.social · 14/09/2026
I've been writing for @css-tricks.bsky.social for almost 3 years along @geoffgraham.me , aka the best editor ever. Lately, things have been a little slow on the site. I think everyone deserves an explanation, but Geoff especially deserves one from DigitalOcean.
geoffgraham.me
Why CSS-Tricks Has Been Quiet Lately - Geoff Graham
Because I haven't published anything to it since August 31. And no one else has either. That's not a super long time to go silent but it is for a site that
0133
Reposted by Juan Diego Rodríguez
CSS-Tricks* @css-tricks.bsky.social · 19/06/2026
A First Look at Scroll-Triggered Animations Let's poke at the differences between scroll-driven and scroll-triggered animations. css-tricks.com/css-scroll-triggered…
css-tricks.com
A First Look at Scroll-Triggered Animations
Let's poke at the differences between scroll-driven and scroll-triggered animations.
0112
Reposted by Juan Diego Rodríguez
Lea Verou, PhD @lea.verou.me · 13/06/2026
The people of #cssday have spoken: we want gamut mapping and we want it NOW!
134610
Reposted by Juan Diego Rodríguez
CSS-Tricks* @css-tricks.bsky.social · 04/06/2026
Perfectly vanilla CSS pie charts — everyone’s favorite challenge, right? A follow-up to @monknow.bsky.social‘s follow-up, which was probably a follow-up to someone else’s follow-up: css-tricks.com/another-stab... This one’s pretty darn interesting.
css-tricks.com
Another Stab at the Perfect CSS Pie Chart... Sans JavaScript! | CSS-Tricks
We dive again into CSS Pie Charts! This time, Author Antoine Villepreux delivers semantic and flexible charts without a single line of JS.
072
Juan Diego Rodríguez @monknow.bsky.social · 01/05/2026
EXTREMELY excited for this one! Meet with us to chat about CSS on May 6th!!
010
Juan Diego Rodríguez @monknow.bsky.social · 15/04/2026
Another one for the Almanac! css-tricks.com/almanac/func...
030
Reposted by Juan Diego Rodríguez
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
Juan Diego Rodríguez @monknow.bsky.social · 06/04/2026
Forgot to say that it's FREE (!)
000
Juan Diego Rodríguez @monknow.bsky.social · 06/04/2026
Hey everyone! I am super excited to announce that, in exactly one month (Wednesday, May 6), I'll be speaking at Meets Style Sheets by @smashingconf.com about Anchor Positioning!!! I'll start the countdown now: 30 days left 👀 Get your tickets here! smashingconf.com/meets-style-...
112
Juan Diego Rodríguez @monknow.bsky.social · 01/04/2026
Has CSS gone too far?
021
Reposted by Juan Diego Rodríguez
CSS-Tricks* @css-tricks.bsky.social · 27/02/2026
A little gem @monknow.bsky.social stumbled into when working on something... we can center an absolutely positioned element with justify-self: .element { position: absolute; place-self: center; inset: 0; } He explains it nicely here: css-tricks.com/yet-another-...
css-tricks.com
Yet Another Way to Center an (Absolute) Element | CSS-Tricks
TL;DR: We can center absolute-positioned elements in three lines of CSS. And it works on all browsers!
0122
Juan Diego Rodríguez @monknow.bsky.social · 21/02/2026
Thanks for the feature!!
010
Reposted by Juan Diego Rodríguez
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
Juan Diego Rodríguez @monknow.bsky.social · 09/02/2026
I have a new article up trying to make the perfect pie chart in CSS! There is probably a lot to improve, so a little feedback would be much appreciated
032
Reposted by Juan Diego Rodríguez
Una Kravets @una.im · 29/01/2026
The CSSWG just resolved to add this to the spec 🥳 github.com/w3c/csswg-dr...
github.com
[css-flexbox-2] Add flex-wrap: balance; · Issue #3070 · w3c/csswg-drafts
We discussed having a flex-wrap:balance value, similar to text-wrap:balance, to even out the length of pre-flexed lines. We should add to level 2.
815723
Reposted by Juan Diego Rodríguez
CSS by T. Afif @css-only.dev · 26/01/2026
I was lucky to be a privileged tester of @codepen.io 2.0, and now they have released the Private Beta. codepen.io/beta It's finally time to unleash some cool "View Transition" demos because with the 2.0 version, we can have many pages in one pen 👀 Kudos to @chriscoyier.net and the entire team!
0275
Juan Diego Rodríguez @monknow.bsky.social · 20/01/2026
What if, instead of telling the LLM step by step how to do a task, we write those steps ourselves? 🤯
000
Reposted by Juan Diego Rodríguez
Una Kravets @una.im · 02/12/2025
About to have CSS ANCHOR POSITIONING FULLY CROSS-BROWSER!!
415118
Juan Diego Rodríguez @monknow.bsky.social · 24/11/2025
Congrats Sunkanmi!
110
Juan Diego Rodríguez @monknow.bsky.social · 17/11/2025
My last post on trigonometric functions just got published!! Thanks so much to anyone who gave it a read :)
030
Juan Diego Rodríguez @monknow.bsky.social · 03/11/2025
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 👀
030
Juan Diego Rodríguez @monknow.bsky.social · 01/11/2025
!!!
000
Reposted by Juan Diego Rodríguez
CSS-Tricks* @css-tricks.bsky.social · 30/10/2025
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...
0113
Juan Diego Rodríguez @monknow.bsky.social · 04/10/2025
Thanks so freaking much, Vale 😭😭😭
030
Juan Diego Rodríguez @monknow.bsky.social · 30/09/2025
A new one for CSS-TRICKS!!!
0113
Reposted by Juan Diego Rodríguez
CodePen @codepen.io · 17/09/2025
"Avatar Indicators, using CSS Mask / Trig" by Simon Goellner codepen.io/simeydotme/p...
0102
Juan Diego Rodríguez @monknow.bsky.social · 16/09/2025
New one on CSS-Tricks!! Talking about sin() and cos() here, but we'll get to the rest of trig functions later on ;)
010
Juan Diego Rodríguez @monknow.bsky.social · 06/09/2025
Glad to see I am not the only one 🫂
010
Juan Diego Rodríguez @monknow.bsky.social · 06/09/2025
Is it just me, or is the CSSWG drafts site loading without styles? (E.g.: drafts.csswg.org/css-anchor-p...)
100
Juan Diego Rodríguez @monknow.bsky.social · 24/08/2025
I can't express how awesome and supportive the CSS community is!! THANKS :)
030
Reposted by Juan Diego Rodríguez
CSS-Tricks* @css-tricks.bsky.social · 31/07/2025
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...
css-tricks.com
radial-gradient() | CSS-Tricks
The radial-gradient() functions creates a circular or elliptical color gradient starting from a center point and spreading outward.
0132
Reposted by Juan Diego Rodríguez
CSS-Tricks* @css-tricks.bsky.social · 14/07/2025
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...
css-tricks.com
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.
0102
Juan Diego Rodríguez @monknow.bsky.social · 03/07/2025
It's amazing how much I've learned just from working with you. Really grateful too🫂🫂🫂
010
Reposted by Juan Diego Rodríguez
CSS-Tricks* @css-tricks.bsky.social · 03/07/2025
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...
1106
Juan Diego Rodríguez @monknow.bsky.social · 28/06/2025
New one!!!
010
Reposted by Juan Diego Rodríguez
Piccalilli @piccalil.li · 23/06/2025
CSS Tricks and Sunkanmi Fafowora have published an absolutely fantastic guide on all the new CSS colour stuff. piccalil.li/links/css-co...
piccalil.li
CSS Color Functions
CSS Tricks and Sunkanmi Fafowora have published an absolutely fantastic guide on all the new CSS colour stuff.
0135
Reposted by Juan Diego Rodríguez
Andy Bell @bell.bz · 23/06/2025
CSS-Tricks 🤝 Piccalilli
Two anime style cartoon dudes that are fuckin' massive, muscular monsters, shaking hands
141
Juan Diego Rodríguez @monknow.bsky.social · 22/06/2025
Absolutely! Thanks so much ;). I am still learning (as everyone) about color, so any feedback is appreciated
010
Juan Diego Rodríguez @monknow.bsky.social · 13/06/2025
The worst thing is AI uses em dashes very poorly — what a time!
000
Reposted by Juan Diego Rodríguez
Una Kravets @una.im · 06/06/2025
Proposed control-value() in CSS to update thumb slider value without JS! #CSSDay
4432
Juan Diego Rodríguez @monknow.bsky.social · 05/06/2025
The State of CSS 2025 Survey is out! css-tricks.com/the-state-of...
css-tricks.com
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.
010
Juan Diego Rodríguez @monknow.bsky.social · 28/05/2025
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.
010
Reposted by Juan Diego Rodríguez
Piccalilli @piccalil.li · 21/05/2025
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/
piccalil.li
The Index: Issue #95
The Index #95 is here, featuring an internet road trip, Obsidian, nested lists, a stunning font website and JS routing.
1112
Juan Diego Rodríguez @monknow.bsky.social · 21/05/2025
Thanks for the mention!! 🫂
110
Juan Diego Rodríguez @monknow.bsky.social · 19/05/2025
Use them all the time in demos to separate the basic styling from what I want to show :)
010
Reposted by Juan Diego Rodríguez
CSS-Tricks* @css-tricks.bsky.social · 19/05/2025
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...
css-tricks.com
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.
0121
Reposted by Juan Diego Rodríguez
CSS-Tricks* @css-tricks.bsky.social · 16/05/2025
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...
css-tricks.com
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
12911
Juan Diego Rodríguez @monknow.bsky.social · 12/05/2025
YES!
000