Loading…

Meet the design system that lets us customize and theme Stack Overflow (Ep. 436)

The home team is joined by two folks who help us build and design our frontend platform: Ben Kelly and Aaron Shekey. They talk about the genesis of Stacks, Stack Overflow’s design system; this year’s April Fool’s Day gag; and the power of a consistent design system.

Article hero image

The home team is joined by two folks who help us build and design our frontend platform: Ben Kelly and Aaron Shekey. They talk about the genesis of Stacks, Stack Overflow’s design system; this year’s April Fool’s Day gag; and the power of a consistent design system.

Episode notes:

If you’re not familiar with Stacks, Stack Overflow’s design system, it’s a robust CSS and JavaScript Pattern library that helps users create coherent experiences in line with Stack Overflow’s best practices and design principles. Explore more on Netlify or GitHub.

Missed our April Fool’s prank this year? Relive the hilarity and the pain.

Atomic CSS is a CSS architecture approach favoring single-purpose classes named based on visual function.

Today’s Lifeboat badge goes to user ceejayoz for their answer to How do I do a database backup on Amazon RDS every hour?.

Connect with Ben Kelley.

Learn more about Aaron Shekey’s work.

TRANSCRIPT

Add to the discussion

Login with your stackoverflow.com account to take part in the discussion.