Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

CSS: Design Systems and Architectures

via LinkedIn Learning

Overview

Write better CSS. Learn how to build a cohesive design system and robust architecture to take your style sheets to the next level.

Syllabus

Introduction
  • Welcome
  • What you should know
1. Getting Started
  • The evolution of web design
  • Benefits and challenges
  • Terminology
  • Open-source frameworks: Pros and cons
  • What is a CSS architecture?
2. Creating a Design System
  • Planning the process
  • Defining design and development principles
  • Content strategy
  • Taking inventory
  • UI patterns and component libraries
  • Preparing a framework
  • Style guides
3. Building the CSS Architecture
  • Overview
  • Defining the stages and categories
  • Editor settings, tools, and setup
  • Formatting rules
  • Class-based CSS
  • Naming conventions with SMACSS
  • Base styles
  • Modular CSS
  • Responsive
  • Templates
Conclusion
  • Next steps

Taught by

Christina Truong

Reviews

4.5 rating at LinkedIn Learning based on 75 ratings

Start your review of CSS: Design Systems and Architectures

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.