✍️ New article: CSS cap unit A look at... how I solved a design problem with CSS cap unit. 🔗show more

✍️ New Article: Better fluid sizing with round() I... wrote about how CSS round() enhances the values you get from clamp() in sizing, typography, and spacing. Why it matters, and how to use it. 🔗show more

✍️ New Article: Should masonry be part of CSS... grid? I explored whether masonry should be integrated into CSS Grid or introduced as its own display type, with examples comparing both approaches.show more

wrote a short article on the css perspective property... and how to add depth to interfacesshow more

🎮 New CSS Game! What about a CSS game... that you can play with your keyboard? No, it's not a joke but a reality! Play "Super CSS Mario", the first CSS-Only game playable using your keyboard. CodePen.IO demo in the next tweet 👇 0% JavaScript - 100% CSS Magic! Have fun🤩show more

📝 Solved by CSS Scroll-Driven Animations: hide a header... when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderanshow more

Capped to look cool! A Big Cap Creative Park... has become a unique landmark building in Dongguan, south China's Guangdong Province due to its eye-catching design in the shape of a cap.show more

What if I will tell you how we could... solve fit-to-width text with pure CSS without any hardcoded parameters? Curiously, scroll-driven animations will allow us to do just that! I wrote a new article where I continue exploring the experimental implementations of the latest specs.show more

There’s a downed colony of bees in the park... and the people who found them called the cops who are attempting to get ahold of Emergency Services Unit (ESU) which they say has a “bee unit.” My amateur estimation is the heat downed the queen. I left a bottle cap of water.show more

@ DIV1 STOP DENYING US OF A MINCHAN UNIT... BCS LOOK AT THIS MASTERPIECEshow more

I was one of the first to call $PONS... at a $200K market cap. I was one of the first to call $CASHCAT at a $1M market cap. I was one of the first to call $AI at a $400K market cap. I was one of the first to call $CATE at a $1.5M market cap. And you still don't follow me? I honestly feel bad for you.show more

How I build with Claude Fable 5 1. CSS... position sticky = how a product follows you down the page 2. Monospace fonts = instantly signal raw and authentic 3. CSS object-fit cover = full bleed photography fills any screen 4. GSAP ScrollTrigger = pins product while background scrolls position fixed + transform = floating centered label 5. CSS grid + z-index = editorial depth flat sites lack Save this 🏔️show more

I liked the design so much I concepted a... game unit based on the TP21 but added a wood gasifier and too many gunsshow more

We had this long-standing papercut at Linear where the... menu items overflow their outer container. It was hard to fix, or so I thought, because the structure is pretty complicated given all the design details, so a simple overflow: hidden wouldn’t work as it would break the animation. But today I had an epiphany that we could just use a simple CSS mask and fade the items out. Here’s a before & after with a zoom on the problem, look at the left edge:show more

I don't think its usable but it was a... fun little experiment built with Three.js Motion Tailwind CSS and Next.jsshow more

The triangle🔺 is the most popular shape and I... still see old and obsolete methods to create it. ⚠️STOP DOING THIS⚠️ 👉 A collection of CSS-only triangles made with a single-element and modern CSS. With the border-only and rounded corners variations.show more

Liminal enters a new era. We’re evolving into a... more flexible, progress-driven, and time-based model. Introducing Epochs. Four-week cycles, with dynamic cap per asset, starting with a new cap of $50M on $HYPE. Epoch 0 begins now👇show more

This CSS unit is quietly ruining your website's mobile... experience. In mobile, "vh" doesn't account for the browser's address bar so the bottom of your page gets cut off. Even worse if you have a bottom right action button since users won't even know it's there. The "svh" unit fixes it: .page { min-height: 100svh; } If you found this one useful, follow for more! ❤️show more