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

ABC du langage C
Institut Mines-Télécom via France Université Numerique Abstraction, Problem Decomposition, and Functions
University of Colorado System via Coursera Advanced Data Structures in Java
University of California, San Diego via Coursera Advanced React
Meta via Coursera Testing with Agile
University of Virginia via Coursera