BloomTech’s Downfall: A Long Time Coming

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

Go to class Write review

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.6 rating at LinkedIn Learning based on 41 ratings

Start your review of CSS: Design Systems and Architectures

Go to class

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.