From the course: CSS: Design Systems and Architectures
Unlock the full course today
Join today to access over 22,700 courses taught by industry experts or purchase this course individually.
Overview - CSS Tutorial
From the course: CSS: Design Systems and Architectures
Overview
- [Instructor] When you first learn CSS, you start with the basic concepts and syntax. As you move beyond the beginner phase, you start to focus on writing more efficient CSS instead of just making it work. The bigger your project gets or the bigger your team gets, the more you'll benefit from planning the whole architecture at the beginning. Some of the goals for creating a CSS architecture is to have a code base that is easy to read, reusable, maintainable, flexible, and scalable. Defining rules around formatting, coding styles, and naming conventions are a big part of defining the architecture. A good CSS architecture will also help reduce issues that are caused by inheritance and specificity. If you'd like a general refresher on these topics, check out the Cascading, Inheritance, and Specificity video from my CSS Essential Training series. In the web development community, getting a complete consensus on best practices isn't always easy to come by, because sometimes it can be…
Contents
-
-
-
-
-
(Locked)
Overview1m 32s
-
(Locked)
Defining the stages and categories4m 40s
-
(Locked)
Editor settings, tools, and setup2m 21s
-
(Locked)
Formatting rules1m 50s
-
(Locked)
Class-based CSS1m 39s
-
(Locked)
Naming conventions with SMACSS3m 6s
-
(Locked)
Base styles3m 6s
-
(Locked)
Modular CSS3m 25s
-
(Locked)
Responsive2m 16s
-
(Locked)
Templates1m 31s
-
(Locked)
-