Sheelah Brennan's Avatar

Sheelah Brennan

@sheelah.bsky.social

Frontend/UI engineer, former site reliability engineer. Hiker ⛰️, tea drinker 🍡, dog lover 🐢, photographer πŸ“·, #css tinkerer sheelahb.com

217 Followers  |  202 Following  |  69 Posts  |  Joined: 24.05.2023
Posts Following

Posts by Sheelah Brennan (@sheelah.bsky.social)

Preview
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

17.02.2026 10:13 β€” πŸ‘ 47    πŸ” 15    πŸ’¬ 3    πŸ“Œ 0

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...

10.02.2026 17:36 β€” πŸ‘ 16    πŸ” 4    πŸ’¬ 0    πŸ“Œ 0

So easy to fall into consumption mode.

09.01.2026 17:33 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Thanks Rafa! Happy new year to you as well πŸŽ‰

01.01.2026 03:05 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Post image Post image Post image Post image

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

#travelphotography #photography #madeira

01.01.2026 00:14 β€” πŸ‘ 9    πŸ” 1    πŸ’¬ 1    πŸ“Œ 0
Preview
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...

19.12.2025 21:33 β€” πŸ‘ 281    πŸ” 70    πŸ’¬ 12    πŸ“Œ 13
Preview
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

19.12.2025 13:42 β€” πŸ‘ 8    πŸ” 4    πŸ’¬ 0    πŸ“Œ 0

Really nice work! Now I want a secret stash jar πŸ™‚

17.12.2025 17:40 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

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.

17.12.2025 05:16 β€” πŸ‘ 171    πŸ” 36    πŸ’¬ 7    πŸ“Œ 1

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

17.12.2025 01:05 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Post image Post image Post image

The lushness of the Azores - quite a bit different than here in Colorado πŸ—»

#travelphotography #photography

12.12.2025 19:49 β€” πŸ‘ 8    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

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 ⬇️

12.12.2025 16:32 β€” πŸ‘ 35    πŸ” 7    πŸ’¬ 1    πŸ“Œ 0
Post image Post image

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

#photography #hiking

08.12.2025 22:45 β€” πŸ‘ 9    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
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...

02.12.2025 14:02 β€” πŸ‘ 59    πŸ” 13    πŸ’¬ 4    πŸ“Œ 2
Alpine lake at Titcomb Basin, Wyoming

Alpine lake at Titcomb Basin, Wyoming

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

#photograhy #hiking

18.11.2025 20:22 β€” πŸ‘ 4    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Thank you! πŸ™

17.11.2025 19:07 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Thanks!

17.11.2025 19:07 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Thank you!

17.11.2025 02:42 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Post image

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

#photography #hiking

16.11.2025 23:50 β€” πŸ‘ 196    πŸ” 15    πŸ’¬ 4    πŸ“Œ 1
Preview
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

20.10.2025 18:50 β€” πŸ‘ 3    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Post image Post image Post image Post image

Caught more fall colors yesterday - Colorado showing off

#autumn #photography #colorado

29.09.2025 17:30 β€” πŸ‘ 7    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Post image

Fall in Colorado - so fleeting but worth trying to catch

#photography #autumn

28.09.2025 05:18 β€” πŸ‘ 5    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Just signed up! The animation after purchasing was slick as expected πŸŽ‡

24.09.2025 18:01 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

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

20.09.2025 16:57 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Preview
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-...

19.09.2025 15:32 β€” πŸ‘ 44    πŸ” 10    πŸ’¬ 2    πŸ“Œ 1
Post image

Totally onboard with this concept of bloomscrolling 🌺 over doomscrolling.

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

18.09.2025 18:49 β€” πŸ‘ 13    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Ooh nice! πŸŽ‰

16.09.2025 01:51 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Post image

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

manual.raycast.com/quicklinks

#webdev

15.09.2025 18:42 β€” πŸ‘ 5    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Post image

Paddleboard bros

#dogs

05.09.2025 00:13 β€” πŸ‘ 5    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Post image

First paddleboard outing with Kody was a success, meaning only he fell off πŸ˜‚πŸ™‚

#dogs

10.08.2025 19:59 β€” πŸ‘ 5    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0