Complete CSS
A course by
Piccalilli
Menu
Complete CSS curriculum
Intro
#1
Intro
#2
Getting things ready
Principles
#3
The art of concise, effective communication
Free to read
#4
Giving and receiving feedback
Free to read
#5
Move slowly and methodically to go fast
Free to read
#6
Be the browser’s mentor, not its micromanager
Free to read
#7
Fluid typography and space
Free to read
#8
Flexible layout compositions
Free to read
#9
Principles for organising CSS code
Free to read
#10
Progressive enhancement with CSS
Free to read
Planning and feedback
#11
Identifying designer oversights
#12
Feeding back designer oversights
#13
Creating a sketch-up plan
#14
Sketch-up: Identifying layouts
You are here
#15
Sketch-up: Slicing up the design into reusable components
#16
Feeding back our sketch-up findings to the designer
#17
Identifying a fluid typography and spacing scale
#18
Identifying and planning our build passes
Design prototyping
#19
Disposable prototypes
#20
Prototyping our masthead flexbox layout
#21
Feeding back issues found with prototypes
#22
Rolling out another prototype with the new approach
Core build
#23
Identifying the core build and flair pass
#24
Global CSS part 1
#25
Global CSS part 2
#26
Prose pattern
#27
Labelled icon pattern
#28
Headline pattern
#29
Corner pattern
#30
Button pattern
#31
Card pattern
#32
Hero pattern
#33
Navigation pattern
#34
Site head pattern part 1
#35
Site head pattern part 2
#36
Site footer pattern
#37
Closer pattern
#38
Masthead pattern
#39
Rolodex pattern
#40
Gallery pattern
Flare pass build
#41
Let’s create an indent utility
#42
Integrate docked treatment on Rolodex
#43
Implementing container filling text
#44
Inspo pattern
Page compositions
#45
Composing the home page with our patterns
#46
Dealing with designer snags
#47
Implementing the designer snags
#48
Front-end wrap-up
Wrapping up
#49
The Icebox
#50
Getting our documentation in shape
#51
Wrapping up
Skip lesson
Course overview
Switch to Dark Theme
Planning and feedback
Sketch-up: Identifying layouts
Back to course index
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