Author
Released
6/18/2018- The pros and cons of design systems
- Open-source frameworks
- Planning a design system
- UI patterns and component libraries
- Style guides
- Building the CSS architecture
- Formatting rules
- Using standardized classes, naming conventions, and templates
Skill Level Beginner
Duration
Views
- [Christina] Hi, I'm Christina Truong, and thanks for joining me. I'm so excited about this course, because it's about one of my favorite topics: writing better CSS. Have you ever been in a situation where you felt like every time you added a line of CSS, you fixed one thing and broke two other things? Or maybe you inherited a project and had a hard time figuring out what was going on, because there was no documentation and the structure wasn't intuitive? You would never build a house without a blueprint, so why go into a CSS project without a plan? In this course, I'll be talking all about reimagining your workflow by planning for and building out a thoughtful design system.
And not just writing CSS, but creating a whole CSS architecture built on a strong foundation.
Related Courses
-
Sass Essential Training
with Ray Villalobos2h 4m Intermediate -
Responsive CSS Workflow with Sass, Bourbon, and Susy
with Carrie Dils2h 59m Intermediate
-
Introduction
-
Welcome46s
-
-
1. Getting Started
-
Benefits and challenges2m 27s
-
Terminology3m 21s
-
2. Creating a Design System
-
Planning the process2m 34s
-
Content strategy2m 23s
-
Taking inventory3m 56s
-
Preparing a framework2m 5s
-
Style guides2m 49s
-
-
3. Building the CSS Architecture
-
Overview1m 32s
-
Formatting rules1m 50s
-
Class-based CSS1m 39s
-
Base styles3m 6s
-
Modular CSS3m 25s
-
Responsive2m 16s
-
Templates1m 31s
-
-
Conclusion
-
Next steps32s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Welcome