Reposted by Vincent De Oliveira🐴 Alex Trost @trost.codes · 02/02/2026I made this "ad" for one of Cursor's recent features. It finally solves the terrible problem of knowing CSS. 717239
Reposted by Vincent De OliveiraUna Kravets @una.im · 08/12/2025🎉 And we're live! 🎉 We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀 This is a big one! We highlighted 22 new features to help you build better on the web. Check out: chrome.dev/css-wrapped-2025chrome.devCSS Wrapped 2025Sculpt dynamic interfaces, stretch your imagination, and play with these 22 powerful new CSS features that landed in Chrome this year. 213159
Reposted by Vincent De OliveiraPatrick Brosset @patrickbrosset.com · 24/11/2025On the Edge team, we think web apps should be easier to install. The default browser install button is great, but we'd like something which you can use on your own site, how and when you want it. That's why we're proposing the Web Install API, which you can now test!blogs.windows.comThe Web Install API is ready for testingWe're happy to announce that the Web Install API is now ready for testing on your own site, as an origin trial in Microsoft E 48313
Reposted by Vincent De OliveiraAmit Sheen @amitsheen.bsky.social · 24/09/2025✨ New article ✨ Are we at the start of a new era? Chrome 140 introduced CSS Typed Arithmetic. It might seem like a minor change, but I believe it's huge as it opens the door to countless new possibilities and a whole new era of Computational CSS. What do you think? css-tricks.com/css-typed-ar... 47121
Reposted by Vincent De OliveiraJosh W. Comeau @joshwcomeau.com · 10/06/2025I just published a new blog post about two of my absolute favourite CSS tricks. ✨ www.joshwcomeau.com/animation/pa...joshwcomeau.comPartial Keyframes • Josh W. ComeauCSS Keyframe animations are so much more powerful than most developers realize. In this tutorial, I’ll show you something that completely blew my mind, a technique that makes our keyframe animations s... 1217828
Reposted by Vincent De OliveiraSara Soueidan @sarasoueidan.com · 25/08/2025A gentle introduction to #CSS anchor positioning by @saron.bsky.social webkit.org/blog/17240/a... — I'm loving all the simple guides to new CSS features that are now being published on the webkit blog. It's slowly becoming a great resource to stay up-to-date with the latest in #CSS.webkit.orgA gentle introduction to anchor positioningAnchor positioning allows you to place an element on the page based on where another element is. 1637
Reposted by Vincent De OliveiraJosh W. Comeau @joshwcomeau.com · 21/07/2025One of the most powerful tools in my toolbox is SVG. When combined with CSS and JavaScript, we can do some truly remarkable things. ✨ 📝 I’ve just published a brand-new blog post that covers the most critical fundamentals. It’s chock full of interactive demos. 😄 Check it out:joshwcomeau.comA Friendly Introduction to SVG • Josh W. ComeauSVGs are one of the most remarkable technologies we have access to on the web. They’re first-class citizens, fully addressable with CSS and JavaScript. In this tutorial, I’ll cover all of the most imp... 1637088
Reposted by Vincent De OliveiraMarcin Wichary @aresluna.org · 09/07/2025I wrote something new! It’s a UI design history essay about Mac’s Control Panel, and it uses emulation in some… maybe new and maybe interesting ways? aresluna.org/frame-of-pre...aresluna.orgFrame of preferenceA story of early Mac settings told by 10 emulators. 2433191
Reposted by Vincent De OliveiraJake Archibald @jakearchibald.com · 17/06/2025CSS uses a complex algorithm to decide how to animate transforms. If you get it wrong, as many folks do, you end up with an unnatural animation. Here's how it works, and how to avoid the pitfalls. jakearchibald.com/2025/animati...jakearchibald.comAnimating zooming using CSS: transform order is important… sometimesHow to get the right transform animation. 1428454
Reposted by Vincent De OliveiraPiccalilli @piccalil.li · 17/06/2025Now we have text-box in CSS, understanding font metrics is even more important so you know what you’re trimming. This is a very handy little website that allows you to upload a font that you plan on using, along with a Google font picker. vertical-metrics.netlify.appvertical-metrics.netlify.appVertical MetricsTesting vertical metrics typography across browsers. 15414
Reposted by Vincent De OliveiraChristina Warren @filmgirl.bsky.social · 11/06/2025The 1 billionth GitHub repository has been created and it’s absolutely perfect. 114034
Reposted by Vincent De OliveiraMaximiliano Firtman @firt.dev · 09/06/2025🔴ADD TO HOME SCREEN on iOS 26 and iPadOS 26 Any website is treated as an app by default (a.k.a. a PWA) if added to the home screen. "Add to home Screen" is now 3 taps away: 1️⃣ ... menu 2️⃣ Share 3️⃣ ... more (second one) 152
Reposted by Vincent De OliveiraAlsacréations @alsacreations.com · 28/04/2025Éco-conception et dithering (par hteumeuleu), ou comment la "diffusion d'erreur" sur les images va à l'encontre des principes d'optimisation www.hteumeuleu.fr/eco-concepti...hteumeuleu.frÉco-conception et dithering – HTeuMeuLeuS’il y a bien un truc qui m’énerve, ce sont les sites soit disant « éco-conçus »… 022
Reposted by Vincent De OliveiraJen Simmons @jensimmons.bsky.social · 21/03/2025There it is! Finally, a real solution for how to style all of the HTML form controls using your own custom CSS to change anything — building on an interoperable UA set of defaults. First, styling the in-page part of controls + the popover for <select>. (Later we’ll do popovers for more things.) 1047896
Reposted by Vincent De OliveiraChrome for Developers @developer.chrome.com · 18/03/2025Support for CSS and Baseline has shipped in ESLint web.dev/blog/eslint-baseline-integr…web.devSupport for CSS and Baseline has shipped in ESLint | Blog | web.devYou can now use ESLint to lint CSS and enforce usage of Baseline CSS features in your project! Learn more in this blog post. 081
Reposted by Vincent De OliveiraAdam Argyle @nerdy.dev · 11/03/2025#CSS sibling-index() and sibling-count() available Chrome Canary with experiments enabled! easily stagger effects like: `transition-delay: calc(sibling-index() * .1s);` more info and a Codepen to fork ⤷ nerdy.dev/sibling-index 924128
Reposted by Vincent De OliveiraRaphael @raphaelgoetter.bsky.social · 28/02/2025Seconde conférence à #confoo #confoo2025 : "(Not) Alone in the Dark mode", toute fraîchement disponible : speakerdeck.com/goetter/dark...speakerdeck.comDark mode : comment rejoindre le côté sombre ?Le Dark Mode (mode d'affichage sombre) est aujourd'hui largement plébiscité, que ce soit sur mobile ou sur écran de bureau, mais concrètement quelles so… 023
Reposted by Vincent De OliveiraRaphael @raphaelgoetter.bsky.social · 27/02/2025Mes slides "Ça bouge du côté des animations CSS" donnée tout à l'heure à #confoo #confoo2025 sont disponibles ici : speakerdeck.com/goetter 012
Reposted by Vincent De OliveiraCSS by T. Afif @css-only.dev · 26/02/2025I made a little tool to better visualize the effect of the new text-box property and also generate the code for you! css-tip.com/text-box/ #CSS 16213
Vincent De Oliveira @iamvdo.bsky.social · 20/02/2025New game from @codepip.com (Flexbox Frogqy, Grid Garden) ⚓ Anchoreum, to learn #CSS anchor positioning Levels 38 and 39 are mindblowing! 🤯 anchoreum.comanchoreum.comAnchoreumA game for learning CSS anchor positioning 011
Reposted by Vincent De OliveiraPatrick Brosset @patrickbrosset.com · 18/02/2025I just made a thing: A collection of links for web developers to navigate the web platform more easily. 🟢 Places to follow progress and keep track. 🟣 Places to make your voice heard and influence the platform with your use cases.buff.lyNavigating the Web Platform CheatsheetAs a web developer, navigating the web platform isn't always easy. Here are ways to keep track of what you can use, of what's new in web browsers, and ways you can influence the development of the… 14324
Reposted by Vincent De OliveiraAna Tudor @anatudor.bsky.social · 14/02/2025Someone asked (yet again) on reddit for that inverted radius tab pattern so here's a pure #CSS solution from me www.reddit.com/r/css/commen... ✨ no extra elements or pseudos needed for effect ✨ only need to set border, background, border-radius 1513
Reposted by Vincent De OliveiraBramus @bram.us · 09/02/2025CSS Custom Functions are coming … and they are going to be a game changer! 👉 brm.us/css-custom-f... 1839390
Vincent De Oliveira @iamvdo.bsky.social · 04/02/2025Good to see progress (resolved resolution) on CSS squircles! github.com/w3c/csswg-dr...github.com[css-shapes-2][css-borders-4] corner-shape support for superellipses · Issue #10993 · w3c/csswg-draftsI worked a bit on trying to find an option for corner-shape on the new API that supported squircles and had inner/outer symmetry. After a bit of work I'm proposing we add a value se(x) (name TBD) t... 000
