Advertisement

© 2020

Architecting CSS

The Programmer’s Guide to Effective Style Sheets

Book

Table of contents

  1. Front Matter
    Pages i-xv
  2. Martine Dowden, Michael Dowden
    Pages 1-26
  3. Martine Dowden, Michael Dowden
    Pages 27-58
  4. Martine Dowden, Michael Dowden
    Pages 59-72
  5. Martine Dowden, Michael Dowden
    Pages 73-126
  6. Martine Dowden, Michael Dowden
    Pages 127-143
  7. Martine Dowden, Michael Dowden
    Pages 145-164
  8. Martine Dowden, Michael Dowden
    Pages 165-180
  9. Martine Dowden, Michael Dowden
    Pages 181-203
  10. Martine Dowden, Michael Dowden
    Pages 205-225
  11. Back Matter
    Pages 227-231

About this book

Introduction

Leverage various CSS features in combination with popular architectures in order to bring your style sheets back under your control. While CSS is the primary technology used for building beautiful web user interfaces, the style sheet files themselves are often quite ugly; left chaotic and unstructured through lack of a consistent architectural approach. By addressing the structure of your style sheets in the same way that you do with code, see how it is possible to create style rules that are clean and easy to read. Dig deep into CSS fundamentals and learn how to use the available selectors to build powerful rules.

You will learn how to use cascading, inheritance, pseudo-classes, pre-processors, and components to produce cleaner, DRY-er style sheets, and how to let these features work for you instead of leading you down the road of rule duplication and design inconsistencies. Embrace the clean, semantic HTML to make your code easier to read, while supporting accessibility and assistive technologies.

Separate the concerns of layout and style to simplify dynamic theming and white labeling, making you a marketing hero. Once you've finished this book you will have an advanced knowledge of CSS structures and architectural patterns that will take the pain out of style sheets for you (and your coworkers), and help you implement designs faster and easier than ever before.

You will:

  • Understand the core CSS fundamentals of Inheritance, Cascading, and Specificity
  • Work with architecture and design patterns for better organization and maintenance
  • Maximize code reuse with CSS precompilers
  • Review the strengths and weaknesses of popular architecture patterns

Keywords

CSS cascading style sheets inheritance specificity architecture design patterns sass less web components media queries semantic web web accessibility css precompilers OOCSS SMACSS BEM ITCSS

Authors and affiliations

  1. 1.BrownsburgUSA
  2. 2.BrownsburgUSA

About the authors

Michael Dowden is the CEO of Andromeda, Founder & Product Architect for FlexePark, an international speaker, a 2019 Google Developer Expert in Firebase, and a 2019 Microsoft MVP in Developer Technologies. For more than 20 years, he has been writing code and geeking out over technology. He is passionate about keeping things simple and focusing on what provides real value to the end user. Michael is the author of  Programming Languages ABC++ and Approachable Accessibility: Planning for Success.

Martine Dowden is CTO at Andromeda, Founder and Lead Developer at FlexePark, and an international speaker. She focuses on web interfaces that are beautiful, functional, accessible, and usable, approaching User Experience from both Art and Science, drawing from her degrees in Psychology and Visual Communications. Martine is a 2019 Google Developer Expert in Web Technologies, a 2019 Microsoft MVP in Developer Technologies, and the author of Programming Languages ABC++ and Approachable Accessibility: Planning for Success.

Bibliographic information

Industry Sectors
IT & Software
Telecommunications
Engineering
Finance, Business & Banking
Electronics