Lightnews — Scholar-powered news

Katie Langerman

@katielangerman.com

3.5K followers 570 following 290 posts

Systems Designer at GitHub, CSS nerd, co-host of the Complementary podcast. katielangerman.com

Posts Media Videos Starter Packs

Pinned

Katie Langerman @katielangerman.com · May 10

What a week! So grateful for the opportunity to speak at #Config2025 alongside @lukasoppermann.com. Our talk "Connecting code with craft" is now up on YouTube, check it out! youtu.be/6l6El4xqIZ4?...

I'm particularly proud of this last minute slide edition.

Katie, on stage in front of a slide that says "designers shipping to production" on top of a clip from The Rehearsal

2 2 25

Katie Langerman @katielangerman.com · 2d

Hmm I don’t know off hand! Probably depends on what brand of speaker and what features are available in HA.

Katie Langerman @katielangerman.com · 2d

I’m still in limbo between Home Assistant and Homey Pro 😭 Homey is just so much easier to use and setup automations, but HA is way more open and flexible. I’ll be running both for awhile.

1 1

Katie Langerman @katielangerman.com · 8d

What about a culture *add*

1 2

Katie Langerman @katielangerman.com · 8d

Would love to hear more about how you’re doing this!

Katie Langerman @katielangerman.com · 10d

Virginia is now a painter with a studio in San Diego. I was very lucky to sit down with her for coffee before recording this episode, and it was so refreshing to discuss design today with someone in the industry 30 years ago! Check out her paintings on her website www.virginiahowlett.com

https://www.virginiahowlett.com/

t.co

Katie Langerman @katielangerman.com · 10d

Today's Complementary episode is a very special one. We were joined by Virginia Howlett, Microsoft's first interface designer and author of Visual Interface Design for Windows. She's also known for the Verdana and Georgia typefaces! Highly recommend her book.

creators.spotify.com/pod/profile/...

Visual Interface Design for Windows by Virginia Howlett

1 5

Katie Langerman @katielangerman.com · 10d

This is the way. Also their developers are pretty active in their Reddit community and they actually address feedback. I think it’s much better than MFP.

Katie Langerman @katielangerman.com · 11d

Take me back

Katie Langerman @katielangerman.com · 12d

Yessss

Katie Langerman @katielangerman.com · 13d

You need to read this thread. The whole thread. I have found ASCII somewhat intimidating but now I just want to play with these tools!

cameronfoxly.bsky.social @cameronfoxly.bsky.social · 13d

The public preview of Github Copilot CLI launched today, and if you install it, you'll be welcomed by little ASCII art welcome banner that I animated. Creating it ended up being great example of how vibe-coding has entered my toolbelt. Nerdy deets in 🧵...

3 3 23

Katie Langerman @katielangerman.com · 13d

Cameron!! This is so freaking cool! 🤯 thanks for sharing your process and all the personal software you built along the way. Super inspiring!

Katie Langerman @katielangerman.com · 13d

I find myself reaching for this kit more and more lately. It has ALL THE THINGS. Seriously next level, check it out!

Jan Maarten @janmaarten.com · 13d

If you missed my @inclusivedesign24.bsky.social talk, the GitHub Annotation Toolkit is now open source! Download it from the Figma Community or our open source repository.
github.blog/changelog/20...

Open sourcing the GitHub Annotation Toolkit - GitHub Changelog

GitHub’s Annotation Toolkit is now available as an open source Figma library. This comprehensive annotation system helps you organize your design canvas, diagram your UI anatomy, and annotate accessib...

github.blog

3 10

Katie Langerman @katielangerman.com · 13d

+ 1 @keithamus.social! 🙌

Katie Langerman @katielangerman.com · 14d

Builds a web component library for work AND for fun?! Dang!

1 3

Katie Langerman @katielangerman.com · 18d

Instead you have to awkwardly text your friends like oh heeey, I saw you watched Sicario, not to be creepy but like.. nice!

1 2

Katie Langerman @katielangerman.com · 18d

I've been finding a lot of value in @kevinpowell.co's tutorials lately! I love getting to use modern CSS for personal projects ☺️

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

Animate details & summary with a few lines of CSS

YouTube video by Kevin Powell

www.youtube.com

1 3 25

Katie Langerman @katielangerman.com · 18d

TIL about ::details-content and interpolate-size for details/summary animations 😍

2 1 33

Katie Langerman @katielangerman.com · 20d

Sometimes you just need a cat snuggle work break

My cat taking up as much space as possible for snuggles

1 26

Reposted by Katie Langerman

Eric Bailey @ericwbailey.website · 20d

Focus rings! Plural! I wrote for @piccalil.li about how to create a branded double ring focus effect that is dynamically generated based on the interactive element's text color. piccalil.li/blog/taking-...

Taking a shot at the double focus ring problem using modern CSS

A double focus ring is really useful in general but especially so with complex, themed systems. Eric Bailey shows us how to develop a really smart system, using modern CSS.

piccalil.li

11 45

Reposted by Katie Langerman

Taran Armstrong @taranarmstrong.bsky.social · 22d

Publishers Weekly reviewed my book!

Very cool to see it's resonating with a major trade magazine outside our Big Brother bubble!

"It's a penetrating and persuasive take on why viewers continue to be enthralled." #BB27 #RHAP

www.publishersweekly.com/9781464224539

Review for Behind the Mirror on Publishers Weekly.

24 41 680

Katie Langerman @katielangerman.com · Sep 8

Congrats Araxie, wonderful news! ❤️❤️

1 1

Katie Langerman @katielangerman.com · Sep 7

As a designer I naturally love constraints. My goal is to try and respect the integrity of the original framing while still making things more functional. So if I can avoid a very costly change, I will!

1 3

Katie Langerman @katielangerman.com · Sep 7

I learned how to identify load bearing walls, but also about "shear" walls and how engineers make accommodations for that. We discussed the walls I'm considering removing or moving, and he made rec's based on cost efficiency. Anything is possible if you don't mind spending a lot 😂

1 1

Katie Langerman @katielangerman.com · Sep 7

Was really not expecting the sound effects 😄 👏

1 1

Katie Langerman @katielangerman.com · Sep 7

Design adjacent fields are so cool and exciting and fun. I hired a structural engineer to teach me about my house and it was maybe the greatest 2 hours of my life?

1 22