Juan Diego Rodríguez - Monknow

Hey everyone! I am super excited to announce that on Wednesday, May 6, I'll be speaking at Meets Style Sheets by @smashingmag about Anchor Positioning!!! I'll start the countdown now: 30 days left 👀 Get your tickets here (It's free!) smashingconf.com/meets-style-sh…

@the_jonin_ @dxnnydotfun @geoffreygraham 🙏🙏

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.

@anatudor not big enough 😶‍🌫️

Please say this is a joke... #CSS

@vii120z Oh my!! That looks awesome 🙌🙌

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

@Una @argyleink Thanks for the mention!! 🫂

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

And here's that Codepen refactored as promised using sibling-index()

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

@CSSWeekly @kilianvalkhof @geoffreygraham @chriscoyier @codepo8 @julia_miocene Honored!

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

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…

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.

@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

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

Really looking forward to sharing the next interactive blog post with you! I first wrote about the topic around two years ago. The most important thing is that I'm having fun working on the demos and take a break whenever I'm out of ideas. 🤩

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

It's a new year so let's get ready for all the "10 new CSS properties you must know in 2025!" articles ... ... featuring CSS properties from 2010 😒

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…

@LeaVerou @starting This is just what I understand from the spec, though #style-change-event" target="_blank" rel="nofollow noopener">w3.org/TR/css-transit…

@LeaVerou Transitions can happen between before-change styles and after-change styles in each style-change event. Since elements that just rendered don't have before-change styles, there can't be a transition so we have to use @starting-style to emulate those before-change styles

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: 🚫 ??? 🤔

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

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,

The new CSS logo is now (on its way) to be official-y.

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!