Stylesheet Wrangling With SCSS

 

Last week, I gave a talk on creating optimal CSS using SCSS, at O’Reilly’s Velocity conference here in NYC. While giving my first conference talk to such a large audience was daunting, it was a huge honor. It was fantastic to meet so many brilliant people from our industry in one place, and from such a wide range of web development roles. Since dev ops isn’t something I’d call myself an expert in, I found myself really awed by the work the ‘other side’ of the technical stack has to put into keeping their products up, online, and functioning well for us front-end developers.

Inspired by several personal learning experiences and articles like Roy’s Tomeij’s “SASS doesn’t Create Bad Code, Bad Coders Do,” I put together a talk covering all the pitfalls of nesting. Specifically, we discussed how SCSS doesn’t magically fix overly specific selectors, the use of extends, mixins, and compass spriting, and we had a great Q&A about further performance optimizations and workflow tools.

This topic was close to my heart based on experiences on several projects at Roundarch Isobar. For example, when working on a fairly complex site for one of our larger financial services clients, one of the major challenges we encountered was keeping the stylesheets organized and performing well while working with a large team of developers. In order to keep styles consistent across such a large code base, we decided to make use of SCSS to help us keep our styles consistent. It was also a learning experience for most of the team, as SCSS was fairly new at the time we started, so we rapidly learned by trial and error.

I certainly learned a lot, and hope the attendees did too. For those of you that couldn’t make it, I can sum up the talk in just a few lines, “Use CSS. Don’t nest. And always check what your preprocessors are generating.”

More information and slides from the talk here:

More News

| 4th Dec 2019

It’s BYOP (Password), Not BYOD (Device)

All it takes to unlock your files is internet access and a password.

| 24th Oct 2019

Working Through Cancer

The things I achieved in that time gave me immense satisfaction

| 22nd Oct 2019

Webinar: 2019 Holiday Planning

Give yourself the gift of strategy this season