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

| 10th Jan 2020

CES 2020 Day 3 recap

We finished our week at CES by swinging by Eureka park one last time.

| 10th Jan 2020

Looking Forward to Retail’s Big Show

With NRF 2020 Retail’s Big Show approaching, our team is gearing up for three days of immersion in the latest technologies and trends impacting retailers.

| 9th Jan 2020

CES 2020 Day 2 recap

Worldwide VR, gesture controls, and personalized flight information by Delta