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