Juan Diego Rodríguez - Monknow
152 posts

Juan Diego Rodríguez - Monknow
@monknow_dev
Juan Diego Rodríguez ✨ Technical Writer Web Nerd Spanish/English 🇪🇦
México เข้าร่วม Temmuz 2021
69 กำลังติดตาม76 ผู้ติดตาม

Really grateful for all my global friends like @dxnnydotfun @monknow_dev & @geoffreygraham .
Y'all don't know it, but you inspire me to do more! I can't wait to meet you all in person.
English

Juan Diego Rodríguez - Monknow รีทวีตแล้ว

Trying to use sin & cos to create a round layout 🥸
Learned a lot from @monknow_dev 's article!
English

@argyleink always has good stuff covered: nerdy.dev/sibling-index
And more here too from @monknow_dev: css-tricks.com/how-to-wait-fo…
English

And here's that Codepen refactored as promised using sibling-index()
Una 🇺🇦@Una
Intent to ship for sibling-index() and sibling-count()! You won't need to itemize nth-child to apply styles 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/QwwzdZB Explainer: github.com/w3c/csswg-draf…
English
Juan Diego Rodríguez - Monknow รีทวีตแล้ว

CSS Weekly #609
💙 Build UIs for humans
💬 Create a background that follows inline text
🏁 Learn how to style counters
Featuring @Wattenberger, @anatudor, @monknow_dev, @adactio, @cferdinandi, @stefanjudis, @KevinJPowell, @addyosmani, @twogrey. 🙏
cssw.io/issue-609
English
Juan Diego Rodríguez - Monknow รีทวีตแล้ว

CSS Weekly #603
👭 sibling-count() & sibling-index() functions
⚜️ box-decoration-break
🌗 llight-dark()
🚀 tight mode in browsers
Featuring @monknow_dev, @kilianvalkhof, @geoffreygraham, @chriscoyier, @codepo8, @julia_miocene.
css-weekly.com/issue-603
English

I wanted to write about the sibling-count() and sibling-index() functions and realized that, well, no one can use them yet! So here is what you can do *now* to mimic their behavior
css-tricks.com/how-to-wait-fo…
English
Juan Diego Rodríguez - Monknow รีทวีตแล้ว

Today I hosted Venezuela's President-elect @EdmundoGU, a man whose campaign inspired millions and one who should be taking the oath of office in four days.
The people of Venezuela deserve a peaceful transfer of power to the true winner of their presidential election.

English

@shadeed9 Mostly yes, that helps too whenever I am in a writer's block or simply not in the mindset to write but want to keep working on a piece
English

@monknow_dev Do you mean that you work on the demos before writing the content?
English

@ChallengesCss then it's just "5. CSS Grid" 😶🌫️
English

This year, I had the opportunity to write with @geoffreygraham and Ryan Trimble about what we wish for CSS in 2025!🎄🎄🎄
css-tricks.com/a-css-wishlist…
English

Few CSS things have me as confused as transition-behavior: allow-discrete.
In theory, it's supposed to allow discrete properties like `display` to animate as well, allowing for entry and exit animations.
However, I can never seem to get it to work both ways (without @starting-style).
Example:
codepen.io/leaverou/pen/N…
Fade out: ✅
Fade in: 🚫
??? 🤔
English

@RhysSullivan I guess that's not the point, but that CSS-only .card-container is so readable.
English

This is what the anti-tailwind people in the comments make me think of when they say pure CSS is so much cleaner
All writing pure CSS does is shift the mess into another location, and then you give up all of the benefits of colocation and tree-shaking,

Rhys@RhysSullivan
1 div styled with tailwind on IMAX 70mm
English
Juan Diego Rodríguez - Monknow รีทวีตแล้ว

CSS Wrapped 2024 is here!
Just like last year, we – the Chrome DevRel team – have published CSS Wrapped, our end of year overview of all the new CSS and Web UI features that landed in Chrome and The Web Platform in 2024.
👉 chrome.dev/css-wrapped-20… is the place to be!
English

Mi hijo (18 años) esta haciendo un ranking de todas las canciones de @CDCrock con un pana. Hay que echarle bolas para ser relevante por mas de dos generaciones. Por cierto, sigue jactandose de haber estado en ese concierto cada vez que puede.
Español


