Unfortunately, due to recommendations from the SF Mayor's office restricting group size, and with countless travel bans in place affecting speakers, attendees, and team members, we cannot give you the conference experience you expect and deserve. For these, and many more reasons, SmashingConf SF (April 21–22) is re-scheduled for November 10–11, 2020.
Nathan co-founded EightShapes with Dan Brown in 2006. He’s passionate about information architecture, UX, front-end dev, and leads design systems consulting at EightShapes. He wrote Modular Web Design in 2009, blogs frequently on Medium.com today, and speaks regularly at events worldwide.
A Component’s Journey Through Design, Code, and Documentation
Design systems emerge from all sorts of frameworks, yet web components promise a future of reusability across them all. No matter how you’ve been making systems before, integrating this approach into your design system workflow requires you to up your game. Testing? Check. Accessibility? Check. Architect flexible sizing, theming, and responsiveness? Check.
During this session, Nathan and Kevin will demo how to a designer and developer pair to deliver a new web component to a growing catalog. Using existing visual style, buttons, headers, and icons, we'll design and code a card component on stage. We’ll work in tandem to scaffold up design assets and code in real time while synchronizing naming and API. We'll adjust design tokens, slot content, run tests, "unexpectedly" break things, demo accessibility, cope with ShadowDOM, author doc, and release the component, all in 45 minutes. Buckle your seatbelts and get ready for a ride on the system express!