Explore the goals of building a CSS architecture.
- [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 subjective…and based on personal experiences.…
- The pros and cons of design systems
- Open-source frameworks
- Planning a design system
- UI patterns and component libraries
- Style guides
- Building the CSS architecture
- Formatting rules
- Using standardized classes, naming conventions, and templates
Skill Level Beginner
Responsive CSS Workflow with Sass, Bourbon, and Susywith Carrie Dils2h 59m Intermediate
1. Getting Started
2. Creating a Design System
3. Building the CSS Architecture
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.