CSS: Design Systems and Architectures
Offered By: LinkedIn Learning
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
- The evolution of web design
- Benefits and challenges
- Terminology
- Open-source frameworks: Pros and cons
- What is a CSS architecture?
- Planning the process
- Defining design and development principles
- Content strategy
- Taking inventory
- UI patterns and component libraries
- Preparing a framework
- Style guides
- 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
- Next steps
Taught by
Christina Truong
Related Courses
UX Foundations: Style Guides and Design SystemsLinkedIn 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