Sheelah Brennan

Typographic Scales in CSS with :heading(), sibling-index(), and pow() Learn how to build flexible, mathematical typographic scales using :heading(), sibling-index(), and pow() for cleaner CSS design systems.

🎉 New Blogpost 🎉

Building Typographic Scales in CSS with :heading(), sibling-index(), and pow()

www.alwaystwisted.com/articles/bui...

What if we could create a typographic scale for headings with one line of CSS?

One rule to scale them all.

#CSS #FrontEnd #WebDev

And if you're curious what it's like to make a workshop with @frontendmasters.com, I just put out part 1 in my behind the scenes vlog that I recorded while we made this one.

www.youtube.com/watch?v=N8DX...

So easy to fall into consumption mode.

Thanks Rafa! Happy new year to you as well 🎉

Wrapping up 2025 with some favorite shots from a trip to Madeira this summer - truly a photographer’s paradise.

#travelphotography #photography #madeira

Introducing CSS Grid Lanes It’s here!

Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!

webkit.org/blog/17660/i...

Colorado Forecast Update: Another powerful downslope windstorm will unfold on Friday, this time accompanied by EXTREME fire danger Boulder, the far western suburbs of Denver, and the Foothills are bracing for yet another powerful mountain wave windstorm Friday, with gusts likely topping 75–100 MPH and, this time, extreme fire dan...

Remarkable post on #Boulder windstorm #CoWx via @bouldercast.com - worth the follow! Clearly reliant on #NCAR data as well bouldercast.com/colorado-for...

#SaveNCAR

Really nice work! Now I want a secret stash jar 🙂

What a disaster this would be. NCAR is a global leader in climate research. A decision that would directly affect weather and climate research across the globe.

So many AI-generated UIs that look very similar given the lean towards Tailwind & Radix/ShadCn.

The lushness of the Azores - quite a bit different than here in Colorado 🗻

#travelphotography #photography

Scroll-triggered animations are coming to Chrome early next year (we've been really excited about this one!) 🥳

Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range.

Learn more ⬇️

Had the chance to visit the Azores this summer, specifically Pico & Sao Miguel islands. What a magical place.

#photography #hiking

A pragmatic guide to modern CSS colours - part two Kevin is back with the follow up to part one of this series. This time, Kevin goes deep on how functional the newer colour capabilities are in practice to hopefully, encourage more designers to use th...

Part one came out a little while ago, so hopefully the wait for part 2 was worth it 😁

piccalil.li/blog/a-pragm...

Alpine lake at Titcomb Basin, Wyoming

Summer memories from Titcomb Basin in Wyoming. The Wind River Range is not to be missed 😍

#photograhy #hiking

Thank you! 🙏

Thanks!

Thank you!

Nambe Lake - New Mexico, from early September. Love this hidden gem ❤️

#photography #hiking

A pragmatic guide to modern CSS colours - part one Whether you've got a firm grasp on modern CSS colour capabilities, or you're thinking 'I struggle to understand why I should use modern CSS colours at all', then the first part of this article series,...

Excellent guide to CSS colors including relative color syntax which lets you define colors based on existing colors - great work @kevinpowell.co!

piccalil.li/blog/a-pragm...

#css

Caught more fall colors yesterday - Colorado showing off

#autumn #photography #colorado

Fall in Colorado - so fleeting but worth trying to catch

#photography #autumn

Just signed up! The animation after purchasing was slick as expected 🎇

@willkle.in is great! Got to get to that conference next year.

Liquid Glass in the Browser: Refraction with CSS and SVG — kube.io Explore how to recreate Apple's stunning Liquid Glass effect using CSS, SVG Displacement Maps, and refraction calculations.

Damn this is a thorough and concise article on Liquid Glass in CSS using SVG filters. kube.io/blog/liquid-...

Totally onboard with this concept of bloomscrolling 🌺 over doomscrolling.

#bloomscrolling #roses #photography #flowers #gardens #lifeisbeautiful

Ooh nice! 🎉

Regularly visiting certain URLs or querying MDN from a mac? Just discovered Raycast’s quicklinks feature - game changer:

manual.raycast.com/quicklinks

#webdev

Paddleboard bros

#dogs

First paddleboard outing with Kody was a success, meaning only he fell off 😂🙂

#dogs