Reposted by Agustín DíazCSS by T. Afif @css-only.dev · 21/02/2025💡 CSS Tip! Do you want a set of buttons to be equal in width to the widest one? A few lines of CSS and you are done! css-tip.com/equal-width-... #CSS 627230
Reposted by Agustín DíazBramus @bram.us · 25/09/2026The 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 311321
Reposted by Agustín DíazBrad Frost @bradfrost.com · 24/09/2026I 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. 1193
Agustín Díaz @adiaz.uy · 24/09/2026Loved 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. 051
Reposted by Agustín Díazdaniel wraith @danielroe.dev · 19/09/2026don't be nice.roe.devDon't be niceSometimes, it's more important to be good than it is to be nice. 42736250
Reposted by Agustín DíazGeoff Graham @geoffgraham.me · 18/09/2026The 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.meThe Front-End Community is Still Alive and BeautifulI 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 Agustín DíazRachel Andrew @rachelandrew.co.uk · 04/09/2026I'm relaunching CSS Layout News on Offprint.rachelandrew.co.ukCSS Layout News in the ATmosphereIn 2015 I started my CSS Layout News newsletter mostly to have my own venue to go on about CSS grid, at the time unavailable in any stable browser. I got to 2023 and 343 issues and it fizzled out. Partly because I got busy, but mostly because the newsletter signup form on the platform... 35510
Reposted by Agustín DíazPatrick Brosset @patrickbrosset.com · 23/08/2026Great news! The CSS sibling-count() and sibling-index() functions are now Baseline Newly Available! I.e implemented in all major browsers.web-platform-dx.github.iosibling-count() and sibling-index() - Web platform features explorerThe sibling-count() and sibling-index() CSS functions return integers that are useful to style elements based on their positions among siblings or on the number of siblings, for example as part of a c... 413830
Reposted by Agustín Díazzeldman @zeldman.bsky.social · 17/08/2026★ 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. 05612
Reposted by Agustín DíazCSS by T. Afif @css-only.dev · 18/08/2026An 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. 1599
Reposted by Agustín DíazWebDesignMuseum @webdesignmuseum.org · 04/07/2026On 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 1654888
Agustín Díaz @adiaz.uy · 12/06/2026@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. 010
Reposted by Agustín DíazBramus @bram.us · 11/06/2026YES, 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-...) #cssdaybrm.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? 610023
Agustín Díaz @adiaz.uy · 11/06/2026#cssday @brucel.bsky.social @joshtumath.uk how does this work (or doesn’t) with the fluid typography “trend”? 100
Reposted by Agustín DíazDave Rupert @davatron5000.bsky.social · 04/06/2026[A gong sounds in the distance] Three houses of JavaScript remain… 1684
Reposted by Agustín DíazEric Bailey @ericwbailey.website · 19/05/2026"These issues aren’t just technical, they directly impact accessibility. When AI doesn’t recognise or represent users accurately, it creates barriers instead of removing them." @ronsman.bsky.social #a11y onsman.com/the-impact-o...onsman.comThe Impact of AI on Digital Accessibility, Part I – Ricky Onsman 0113
Reposted by Agustín DíazJake Archibald @jakearchibald.com · 21/05/2026Yeahhhhh, but I think the oklch technique is better random-stuff.jakearchibald.com/color-contra...random-stuff.jakearchibald.comcontrast-color() demo 1231
Agustín Díaz @adiaz.uy · 14/05/2026Hello @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. 210
Reposted by Agustín DíazSara Soueidan @sarasoueidan.com · 11/05/2026"No web standard should require you to agree to an advertising company’s “terms of use.”" @wil.to wil.to/posts/google...wil.toGoogle’s Prompt APINo web standard should require you to agree to an advertising company’s “terms of use.” 0283
Reposted by Agustín DíazDare Obasanjo @carnage4life.bsky.social · 10/05/2026Being 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. 4416
Reposted by Agustín DíazNeal Agarwal @neal.fun · 29/04/2026Introducing Cursor Camp, a website to hang out with other cursors. Out now :) > neal.fun/cursor-camp/ 331432456
Reposted by Agustín DíazSchalk Neethling @schalkneethling.com · 20/04/2026The Component Gallery | An up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces. | component.gallerycomponent.galleryThe Component GalleryAn up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces. 061
Reposted by Agustín DíazChris Coyier @chriscoyier.net · 09/04/2026Mr. @davatron5000.bsky.social and I on @whiskey.fm for St. Pats day. whiskey.fm/flogging-mar... I DRINK, and I KNOW HOW TO ROUND RECTANGLES. [in my best Tyrion Lannister voice]whiskey.fm 1154
Agustín Díaz @adiaz.uy · 03/04/2026Enjoyed it very much, well played @tolin.ski. Please do it again next year! 020
Reposted by Agustín DíazKatie Mack @astrokatie.com · 03/04/2026More 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: ☀️🌍🚀🌕 231130433679
Reposted by Agustín DíazDavid Ho @davidho.bsky.social · 03/04/2026The last time human eyes were far enough from Earth to see the whole globe was December 1972. www.nasa.gov/image-detail... 15828182
Reposted by Agustín DíazJosh W. Comeau @joshwcomeau.com · 23/03/2026✨ 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... 88310
Reposted by Agustín DíazSyntax @syntax.fm · 01/04/2026Who will be crowned the inaugural March MadCSS Champion? @joshwcomeau.com OR @tolin.ski The final premieres TOMORROW at 10AM EST. www.youtube.com/watch?v=7rOU...youtube.comOne Last BattleYouTube video by Syntax 3355
Reposted by Agustín DíazChris Coyier @chriscoyier.net · 26/03/2026Thread 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. 0226
Reposted by Agustín DíazAhmad Shadeed @ishadeed.com · 26/03/2026Launch sale is on and purchasing parity power is available, too! thelayoutmaestro.comthelayoutmaestro.comThe Layout Maestro by Ahmad ShadeedBuild any web layout with confidence. Learn practical CSS layout through visual lessons, interactive demos, and a proven layout mindset. 041
Reposted by Agustín DíazAhmad Shadeed @ishadeed.com · 26/03/2026My 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. 1103
Agustín Díaz @adiaz.uy · 21/03/2026Ok, I lost this bet, but had it been about random shapes instead of actual UIs I think she would’ve won 010
Agustín Díaz @adiaz.uy · 12/03/2026@nerdy.dev just started the new WWW and happy belated birthday! 120
Reposted by Agustín DíazSyntax @syntax.fm · 04/03/2026Build 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 45718
Reposted by Agustín DíazScott Tolinski @tolin.ski · 25/02/2026The Madcss.com bracket challenge is LIVE. HUGE Prizes just for picking the right bracket. Puck who you think will win the massive 2026 CSS tournament!madcss.comMarch Mad CSSThe Ultimate CSS Tournament. Brought to you by Syntax 191
Reposted by Agustín DíazSyntax @syntax.fm · 25/02/202616 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 3609
Reposted by Agustín DíazStuart Robson @sturobson.com · 24/02/2026🎉 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 26575
Reposted by Agustín DíazJosh W. Comeau @joshwcomeau.com · 23/02/2026✨ 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... 1522239
Reposted by Agustín DíazFirefox for Web Developers @webdevs.firefox.com · 16/02/2026HTML might be getting a new type of tag, which… hasn't happened this millennium. Here's the new syntax, and how it works: 1429947
Reposted by Agustín DíazMDN Web Docs @developer.mozilla.org · 12/02/2026Newly 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. 1476
