Agustín Díaz

Agustín Díaz

@adiaz.uy

👨‍🎨👨‍🔧 Design Engineer @ GitHub

200 followers323 following51 posts

Agustín Díaz reposted

I still absolutely love watching Kevin's videos about specialized details that almost no one ever cared about before (and even fewer care about now) and I will continue to do so. It's more important than ever.

Kevin Powell@kevinpowell.co

I wish I'd realized when recording this that it would come out on the 10-year anniversary of my channel, but even if I didn't mention it, I guess it's still pretty fitting 😅 (plus it was posted to my second channel anyway, lol)

Agustín Díaz reposted

Today we’re announcing that we (ran out of money and) have been acquired by [Large Company]. We at [Startup who will be culturally decimated by Large Company] look forward to continuing development on [Product that will be shuttered in two years].

Agustín Díaz reposted

🚀I wrote a random() thing 🤭 do check it out. When I first heard about random(), I had no idea what to think of it. So, this blogpost is actually me trying to make sense of it and hopefully, me documenting this can help you make sense of it as well 😊 www.smashingmagazine.com/2026/10/embr...

smashingmagazine.comEmbracing Playful Imperfection With The CSS random() Function — Smashing MagazineDesign systems thrive on consistency, so where does randomness fit in? Through playful demos of organic typography, bouncing letters, and splayed cards, Brecht De Ruyte shows how the new CSS `random()...

Agustín Díaz reposted

The time to ramp up your scroll-driven animations skills is **NOW** Go check scroll-driven-animations.style for and free 10-part video course created by yours truly, as well as a bunch of tools and demos.

scroll-driven-animations.styleScroll-driven AnimationsA bunch of demos and tools to show off Scroll-driven Animations

Agustín Díaz reposted

I was just at multiple conferences in multiple countries; it's so apparent that EVERYONE is processing their grief around AI. bradfrost.com/blog/post/gr... Also apparent is a healthy way of processing it is to come together & discuss it with vulnerability and nuance. This is what community is for.

bradfrost.comGrief in the AI AgeI'm Brad Frost, an independent creator, web designer & developer, teacher, speaker, writer, musician, and artist based in Pittsburgh, PA.

Loved hearing @bradfrost.com compare AI adoption with the stages of grief on @whiskey.fm. Definitely went through them in the past 9 months. Still somewhat reluctant, begrudging acceptance.

Agustín Díaz reposted

Agustín Díaz reposted

Agustín Díaz reposted

★ Required reading for makers of websites: Matuzo’s HTML boilerplate in 2026. Every element that world-class front-end dev, author, a11y auditor & web standards speaker @matuzo.at uses for the basic structure of an HTML document … with explanations. Updated from his classic 2021 boilerplate.

matuzo.atMy HTML boilerplate in 2026 - Manuel MatuzovićEvery element I use for the basic structure of a HTML document, with explanations why.

Agustín Díaz reposted

An interactive demo showing how all the values adjust in real time as the grid is resized. codepen.io/t_afif/full/... via @codepen.io All the values are integers, so you can use counters to display them.

CSS by T. Afif@css-only.dev

💡 CSS Tip! Using modern CSS, it is now easy to extract information from a responsive grid. You can get the number of columns, the number of rows, and item coordinates. css-tip.com/grid-informa... A handy code to save for (hopefully) the near future.

Agustín Díaz reposted

On July 4, 2007, Chris Coyier, a web designer, established the CSS-Tricks portal. The portal brings web designers daily news and tutorials from the world of web design. #WebDesignHistory

@cssday.nl would it be possible to select/targret specific columns? Like :nth-column(2)? Thinking about the column switching post-it example where the color changed per column.

Agustín Díaz reposted

YES, Dark Mode Toggles _should_ be a browser feature. I wrote about this before: brm.us/dark-mode-ov... Find the link to the Chrome Bug in the post, and hit the star next to it to "upvote" the bug. (I even have a prototype extension to provide this for you: brm.us/chrome-dark-...) #cssday

brm.usDark Mode Toggles Should be a Browser FeatureWhen implementing Dark Mode and ways to toggle it, developers currently need to duplicate code and roll their own toggle implementation. What if, instead, browsers would take care of all that?

Hello @bram.us, could I bother you with what may be a trivia question? Why is it not possible to use @starting-style on a ::view-transition-new? My scenario is: I turned off the animation for the group and would like to have the new one start clipped at half the height, to make a div expand.

Agustín Díaz reposted

Replying to @carnage4life.bsky.social

Being good at using LLMs includes 1. Being able to provide context and craft prompts that limit the risk of hallucinations AND 2. Having processes and frameworks to vet the quality of the output from the LLM instead of blindly trusting it.

Agustín Díaz reposted

More context on this #Artemis II image: * This is the night side, lit by moonlight. You can see city lights in Spain & Portugal, & a sliver of day at lower right * The Sun is entirely behind Earth, which makes it a kind of solar eclipse, but w/ Earth doing the eclipsing instead of the Moon: ☀️🌍🚀🌕

Agustín Díaz reposted

✨ I just published a new blog post! It’s a deep dive into a subtle UI detail from my blog. I suspect most people don’t even notice it, but I regularly hear from the folks who *do* notice it and want to know how on earth I’m doing it. Feels a bit like I’m a magician revealing their trick. 😂

joshwcomeau.comSneaky Header Blocker Trick • Josh W. ComeauThere is a lil’ UI detail on this blog. Most people don’t even notice it, but the ones who do often reach out, asking how on earth it works. It feels like it defies the rules of CSS! In this blog post...

Agustín Díaz reposted

Thread and video in case you've feeling the "Oh no! CodePen is going to be different!" feels. 2.0 can be almost identical to Classic, only dipping into new features when you're ready.

Shaw@shaw.city

If you love the Classic @codepen.io Editor and want that same feel in the 2.0 Editor, here are some quick tweaks to get you back into familiar territory. Try the 2.0 Editor: codepen.io/editor/pen

Agustín Díaz reposted

My new CSS course is out 🥳, The Layout Maestro. It's all about teaching you how to think and decide what CSS to use. Here is a peek from inside the content.

Agustín Díaz reposted

Build your bracket for the world's first ever CSS tournament, March MadCSS. Premieres Friday 10ET on YouTube, and the stakes are high. win over $1,500 worth of prizes madcss.com

Agustín Díaz reposted

16 developers. 15 minutes. Single elimination. Round 1 begins March 6. Who do you think is taking it all? Fill out your bracket now at madcss.com

Agustín Díaz reposted

🎉 Looking for new work. 15 years front-end dev + Design Systems specialist. I help folks build, maintain & transform design systems. I'm also available for focused projects, front-end builds, codebase modernisation. Short to long term. Let's chat - stu@alwaystwisted.com reposts appreciated <3

Agustín Díaz reposted

✨ I just published a new blog post about a nifty lil’ animation technique: sprites! Sprites are used all the time in video games, but they’re less common on the web. We do have the tools to manage it in CSS, but there’s a gotcha. In this post, I share some of the cool use cases I’ve found:

joshwcomeau.comSprites on the Web • Josh W. ComeauIn game development, it’s common to use spritesheets for animation, but this technique isn’t as widely used on the web. Which is a shame, because we can do some pretty cool stuff with sprites! In this...

Agustín Díaz reposted

Newly Available: CustomStateSet ✅ What is it? 🤔 It’s a new API that lets developers define and manage custom states on HTML elements, enabling fine-grained styling and behavior control using the :state() CSS pseudo-class. Start experimenting now 👇 developer.mozilla.org/en-US/docs/...

developer.mozilla.orgCustomStateSet - Web APIs | MDNThe CustomStateSet interface of the Document Object Model stores a list of states for an autonomous custom element, and allows states to be added and removed from the set.