Building a System for Spacing & Typography Using a Modular Scale w/ Sass

Building a System for Spacing and Typography Using a Modular Scale (w/ Sass) with Bermon Painter

We're excited to welcome Bermon back to the St. Pete Front-End Meetup.

Dealing with space in a web application is one of the most difficult areas to maintain consistency. Margin, padding, and positioning are the properties that are used the most outside of color. In this session we'll review:

• Concepts around spacing
• The various values that can be used now (vw, vh, rem, calc())
• How to build a modular spacing scale using a bit of Sass
• How to apply a similar scale when defining font sizes
• And how to turn all of this into a reusable system that enforces consistent spacing throughout an interface

ABOUT BERMON
A rootbeer drinking, cupcake eating, Spanish speaking, piano playing, handlebar mustache wearing designer/developer hybrid living in the glorious city of Charlotte, NC. Bermon is the organizer of various community groups for user experience designers, front-end developers, and designers. He also leads the user experience practice for Cardinal Solutions' Charlotte, Raleigh and Tampa offices where he consults with large enterprise clients on interesting problems across user experience, design, and front-end development. In his free time, he contributes to http://sass-lang.com/ and is the creator of the Sass logo.

FINDING THE MEETUP
Getting to the door can be a little tricky. Download this PDF to make sure you can find the door - https://tinyurl.com/find-fed-meetup

DOOR PRIZES
We'll be continuing to give away annual JetBrains licenses as door prizes for this meetup. Make sure to get there and get a ticket for your chance to win. We'll be giving away at least 2 licenses.