Complete CSS
A course by
Piccalilli
Menu
Complete CSS curriculum
Intro
Intro
Getting things ready
Principles
The art of concise, effective communication
Giving and receiving feedback
Move slowly and methodically to go fast
Be the browser’s mentor, not its micromanager
Fluid typography and space
Flexible layout compositions
Principles for organising CSS code
Progressive enhancement with CSS
Planning and feedback
Identifying designer oversights
Feeding back designer oversights
Creating a sketch-up plan
Sketch-up: Identifying layouts
Sketch-up: Slicing up the design into reusable components
Feeding back our sketch-up findings to the designer
Identifying a fluid typography and spacing scale
Identifying and planning our build passes
Design prototyping
Disposable prototypes
Prototyping our masthead flexbox layout
You are here
Feeding back issues found with prototypes
Rolling out another prototype with the new approach
Core build
Identifying the core build and flair pass
Global CSS part 1
Global CSS part 2
Prose pattern
Labelled icon pattern
Headline pattern
Corner pattern
Button pattern
Card pattern
Hero pattern
Navigation pattern
Site head pattern part 1
Site head pattern part 2
Site footer pattern
Closer pattern
Masthead pattern
Rolodex pattern
Gallery pattern
Flare pass build
Let’s create an indent utility
Integrate docked treatment on Rolodex
Implementing container filling text
Inspo pattern
Page compositions
Composing the home page with our patterns
Dealing with designer snags
Implementing the designer snags
Front-end wrap-up
Wrapping up
The Icebox
Getting our documentation in shape
Wrapping up
Skip lesson
Course overview
Support Community
Send feedback
Switch to Dark Theme
Design prototyping
Prototyping our masthead flexbox layout
Estimated reading time:
13 minutes
Access required
This lesson is only available to people that have purchased Complete CSS
Purchase Complete CSS
Already have access?
Enter your email and we’ll send you a code to log in and access your course.
Send me a link