Reduce, reuse, recycle: Modular CSS
CSS bloat is a challenge for every enterprise website. As design elements grow and change, code gets added but rarely deleted and our CSS files get larger and harder to maintain. What was that class name that makes the font color black and 22px? Where is the pattern that gives me the right layout and color scheme for this design? Modular design encourages us to look beyond classes and begin styling on the component level using data attributes. Separate content from design and your code base becomes reusable and more compact.
About Cas Roberts Kendall Totten
Currently a User experience web developer for Red Hat's marketing site: redhat.com. Previous talks include: PearlHacks (3 years), travel with Red Hat and independently to speak at colleges about Web design and the industry, including training for Sass and intro to HTML, code.org training for elementary school students. Previously employed by SAS - Hadoop and Oracle database consultant, QA Tester for SAS In-database - and FlipKey - PHP and front-end web developer. Front-end developer as a hobbyist since 2003.
My name is Kendall Totten, I’m the UX Dev team lead for redhat.com. I love living in Raleigh with my husband Doug, and my cuddly cat Frank. I attended Eastern Michigan University where I studied Communication Technology and Graphic Design. I enjoy photography, traveling, music, dancing, good food, the great outdoors, and I'm a geek at heart.
Follow Cas Roberts Kendall Totten on Twitter