I and Jason are currently working on implementing the... CSS `polygon() round` keyword in Chrome. This is one of my favorite CSS features! Thanks to Lea Verou, PhD for bringing it to CSS. The CodePen link is coming soon.show more

It took 40 minutes and 0 tears to create... this toggle 😛 Just CSS and HTML. Link to CodePen in comments 👇show more

A 🔥 browser extension every CSS developer must have.... CSS Scan lets you extract the code for any CSS element of all the websites across the internet. Check out CSS Scan and click on the below link to get a 25% discount👇show more

One of the most underrated CSS props is definitely... scroll snapping, it feels insane to me that these carousels are possible with CSS alone 🤯 This just went live on AtoBeach - meaning gesture support now works! 🥳show more

An awesome CSS trick is to use :hover on... the container and :not(:hover) on the items that are not currently hovered to make more advanced effects 👇👨‍💻show more

In Firefox DevTools you can use a visual editor... to adjust CSS clip-path of an element! Love such small features, just like the visual controls for flexbox and grid in Chrome DevTools 🔥show more

CSS shape() is now Baseline Newly Available → The... shape() function allows you to create responsive, complex paths for layouts and animations using standard CSS units like %, rem, and calc().show more

Are those … CSS Scroll-Driven Animations on in Safari?... Yes they are! What made this possible is a polyfill our team has been working on: Load up the polyfill JS file and … that’s it - there is no other step.show more

The future of AI in web development? This app... generates code and images to convert a screenshot into HTML/Tailwind CSS. I just gave it a screenshot of my X feed, and look what it produced (Notes & link in the comments):show more

Chrome 146 is stable 🚀 We’re shipping features that... move more logic out of your JavaScript and into the browser → ✨ Scroll-triggered animations (declarative CSS!) 🛡️ The Sanitizer API for XSS-free apps 🧩 Scoped custom element registriesshow more

it's finally time... this is css clicker, a fully-featured... incremental game where your goal is to design your own personal website and get as many views on it as possible the fun part? it's a pure-css game, meaning it has zero javascript or server-side code. have fun!show more

CSS Clamp function 🌟 -> clamp() is a function... in CSS that provides a concise way for combining both the min() and max() functions. ⚠ Note: This can be achieved by this also - min(100px, max(50%, 200px))show more

Put together this little demo for the introduction module... in this new "Tailwind CSS by Example" course I'm working on. Succinctly covers all of the fundamental elements of building things with Tailwind in one example 👍 Excited to get back in the studio and hit record 🎬show more

2020: All I need to learn is HTML, CSS,... and JavaScript, some backend, and get a good job. Tech is the future. 2026:show more

I used ChatGPT to create the Matrix in 49... lines of HTML/CSS/JS. Hard to believe this took just 5 mins.show more

Probably the most annoying thing for me in animations... / scrollable content is how easy it is to just clip the content. Even if there is no border around to clip it with, adding masks is a one-liner in css now. (slowed down transition)show more

TIL multiple CSS transform functions of the same type... are additive. I used it to add a turbulence effect that doesn't overwrite existing or in-progress transforms.show more

Added three new buttons to my library among 22... other buttons. Made in Webflow using custom CSS. Maybe we can make it a Free Button Friday thing but I can't do it alone 👀 It's a cloneable. Link is in the comments.show more

Many said it would be nearly impossible to recreate... on the web. Well, I did it using CSS filters and a displacement map – works super fast in any browsershow more

To all the devs telling me my button style... was impossible to build with code. I did it in Webflow in 10 minutes using only HTML/CSS. No SVGs.show more

A little sneak peek into one of many animations... done for a new project Last9. 🙈 → The motion is in sync with the scroll progress. Created using SCSS and a little bit Svelte magic to control the CSS Variables.show more