YoVDO

CSS: Design Systems and Architectures

Offered By: LinkedIn Learning

Tags

HTML & CSS Courses Computer Science Courses Web Design Courses Content Strategy Courses Design Systems Courses Style Guides Courses

Course Description

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

Related Courses

UX Foundations: Style Guides and Design Systems
LinkedIn Learning
Zeplin for UX Design
LinkedIn Learning
Workflow of Modern Web Design from Wireframes to Style Guide
Udemy
Create Mockups for a Website Homepage in Adobe XD
Coursera Project Network via Coursera
Collaborating with Developers Course (How To)
Treehouse