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

Practical UX Weekly: Season Two
LinkedIn Learning
User Experience (UX) for Non-Designers
LinkedIn Learning
UX Foundations: Style Guides and Design Systems
LinkedIn Learning
UXPin for UX Design
LinkedIn Learning
Advance Your UI/UX Skills with Sketch Symbols and Dynamic Styleguides
Skillshare