From the course: CSS: Design Systems and Architectures
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Defining the stages and categories - CSS Tutorial
From the course: CSS: Design Systems and Architectures
Defining the stages and categories
- [Instructor] When planning the CSS architecture, start by breaking down the process into steps. These steps are parts of a whole and will build onto each other. Start with the base styles, such as CSS resets and default styles, that make up the building blocks of the interface, such as headings, paragraphs, links, and other HTML elements. After the base styles are defined, start building reusable patterns and components, such as buttons, form styles, modals, and variations of those components. Patterns and components are created to be modular, so they can be mixed and matched to create different layouts. Templates can be created for common page layouts, such as a landing page, blog page, or more general templates such as a page with or without a sidebar. Although the CSS is organized into different stages, remember, they are parts within the same codebase. So while you may start with the building blocks, these stages often run concurrently as you update the CSS. Let's take a look at…
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)
-