In this presentation, learn the difference between design systems, style guides, and pattern libraries and how to build more than just components in your design system.

• Design

• Design Systems

When you write code, you act on a loop. Being aware of this loop can help you be a more effective programmer.

• CSS

• Code Testing

• Developer Tools

• HTML

• Inspiration

• JavaScript

• Process

OKC Thunder charged us with building a retro-style game to hype their players and draw thunderous responses from fans. Jump into our case study and learn how we built Thunder Run as a shareable, web-based game.

• Case Studies

Designing for design systems requires tight collaboration between designers and developers. Ethan shares three tips to help get everybody on the same page.

• CSS

• Design

• Design Systems

• Hammer and Chisel

• HTML

• Process

Browser dev tools can be overwhelming. Need some help figuring them out? Follow along with Ethan as he shows you the ropes.

• Developer Tools

• JavaScript

Thinking about taking on a just-for-fun side project? You should. Ethan tells you how building High Fives, his latest hack project, helped him get out of his comfort zone and take some design and development risks.

• Inspiration

Building accessible websites can be super daunting. Ethan walks you through the WCAG standard and how to use it to put people first.

• Accessibility

Ethan talks about the benefits of using screencasts to communicate with your teammates.

• Version Control

Ethan walks you through HSL color notation, then gets funky with color functions.

• CSS Ampersand

How making video games made Ethan a better developer.

• Animation