Start the new year off right by joining us at the CodeMash conference from Jan. 8-11 in Sandusky, OH. Sparkboxers will give two talks and one workshop on topics including design systems, unit testing Sass, and CSS architecture.
Read on for more information. It’s not too late to get your ticket.
Workshop: Build Your First Design System
Tues., Jan. 8, 1-5 p.m.
Are you considering a design system for your organization? Design systems have grown in popularity over the last several years because of their utility in helping organizations maintain good UI standards and consistency, but they require forethought and planning. In this workshop, you’ll learn from Kasey and Nathan, who have years of hands-on experience building design systems for enterprise clients, about many of the challenges and considerations that go into building them. Then, you’ll get your hands dirty building a starter design system using a Node-based build system called Drizzle. You’ll start with an existing website of your choice and learn to extract re-usable patterns to include in your design system.
Background reading: Our first issue of “Let’s Talk” focuses on design systems. What are they? Why should you build one? What makes them succeed?
Talk: Unit Testing in Sass
Thurs., Jan. 10, 4:45-5:45 p.m.
Presenter: Lindsey Wild
Remember that time someone on your team removed some questionable Sass, only to result in a broken UI? If this scenario sounds familiar, then Sass unit testing is for you. In this session, you’ll learn how unit testing is applied to Sass, how it can benefit your large project, and how to set it up in your own codebase. Lindsey will share her experience of unit testing an enterprise-level design system and how it has prevented unexpected UI changes.
Background reading: This talk is based on Lindsey’s popular Foundry post, “How and Why We Unit Test Our Sass.” Read that first and you’ll be even more prepared to ask great questions.
Talk: Sustainable Styles: Fundamental Principles of CSS Architecture
Fri., Jan. 11, 4-5 p.m.
Presenter: Nathan Rambeck
CSS is easy, right? Yet why is it that every project’s CSS styles seem to get out-of-control and frustrating so quickly? The global nature of CSS allows for tremendous flexibility but without a plan and enforced structure, styles get out of hand. In this session, learn how to reign in the global nature of CSS by following a series of foundational principles that will allow your team to collaborate on styles in a structured way that is easier for everyone to understand and prevents the oh-so-often collision of styles.
Background reading: Nathan wrote this great article about thoughtful CSS architecture helping teams and products grow. There’s even a video at the bottom if you want to get a sense of what his talk will cover but can’t make it to CodeMash.