Autoplay
Autocomplete
Previous Lesson
Complete and Continue
The CSS Mastermind
Before You Start
Read This First
The Resource Dictionary
Download All Course Slides
Download All Course Resources
01: Getting Started
Welcome to The CSS Mastermind! (3:17)
Why Squarespace? (2:57)
Holistic Web Design (2:07)
Swipe Files for Client Communication
Design Flow (1:15)
Site Flow (1:50)
Planning your Site with January Made Design (28:23)
Wireframes (1:24)
The Passion Prompts
Homework: Sketch a Wireframe
The Wireframe Worksheet
Mockups (1:16)
Using Adobe XD for Mockups with Pink Pot Studio (73:50)
Homework: Design a Mockup
Download Module 1 Slides
02: The Squarespace Basics
7.0 vs 7.1 (1:00)
Squarespace Templates & Families (1:15)
Setting up Your Site (5:10)
Homework: Site Setup
Site Content (7:05)
Homework: Adding Content
Site Styles (11:08)
Homework: Customizing with the Design Panel
Download Module 2 Slides
03: Coding 101
Why Coding? (1:11)
CSS vs. HTML vs. JS (0:56)
Using Code within Squarespace (0:57)
Tips & Tricks (2:58)
Homework: Determining Needed Customizations
Download Module 3 Slides
04: The CSS Equation
Equation Components (1:12)
Spacing & Line Breaks (0:27)
The !important Rule (0:34)
Download Module 4 Slides
05: CSS Units
Intro to CSS Units (0:49)
Pixels (2:07)
Degrees (1:28)
Em Units (1:46)
Rem Units (1:58)
Vw, Vh, Vmin, and Vmax (6:42)
Multipliers (2:00)
Percentages (1:36)
The Units & ID's Dictionary
Quiz: CSS Units
Download Module 5 Slides
06: CSS ID's
Page & Section ID's (0:52)
Block ID's (0:43)
Collection ID's (0:38)
Class ID's (0:47)
Element ID's (0:25)
Group ID's (0:31)
Quiz: CSS ID's
Bringing It All Together (13:28)
The Rules & Properties Dictionary
Homework: Using the Inspect Tool
Download Module 6 Slides
07: Styling with CSS
Color (2:27)
Typography (1:27)
Images (1:15)
Hover (0:40)
Margins & Padding (1:09)
Homework: CSS Styling Workbook
CSS Styling Workbook Answer Key
Download Module 7 Slides
Homework: CSS Buildout
08: Mobile & Tablet Optimization
Different Screen Sizes (2:21)
The @media Rule (1:46)
The Workaround (0:28)
Mobile Design Screencast (58:17)
Homework: Customizing for Tablet
Homework: Customizing for Mobile
Download Module 8 Slides
Site Design Checklist
Download the Checklist
09: Plugins & Outsourcing Development
Plugins & When to Use Them (1:19)
How to Use Plugins with SquareStylist (33:35)
How I Use The CSS Dictionary (7:29)
Download The CSS Dictionary 7.0
Download The CSS Dictionary 7.1
The Development Process (1:37)
Working with a Developer with Amber Ladd Studio (33:02)
Download Module 9 Slides
10: CSS on Other Platforms
What Translates (0:26)
What Doesn't Translate (1:46)
The Inspect Tool on All Platforms (4:30)
Download Module 10 Slides
Bonus Module: My Client Process
From Inquiry to Booking (1:42)
Value Based Pricing with Morgan Rapp (76:30)
From Booking to Kickoff (1:49)
Seamless Copy Collection with Meden Studio (38:50)
Cookies, Privacy, Terms & Other Legal Requirements (0:39)
Site Presentation & Feedback (0:47)
Site Training (11:20)
Download Bonus Slides
Past Q&A Recordings
October 27, 2020 (97:08)
November 10, 2020 (17:49)
November 24, 2020 (+ watch me Live Design a Mobile Site) (127:30)
January 12, 2021 (75:37)
January 19, 2021 (+ SEO Basics in Squarespace) (78:31)
February 16, 2021 (65:46)
March 2, 2021 (47:22)
March 23, 2021 (32:26)
March 30, 2021 (54:02)
April 13, 2021 (70:12)
April 27, 2021 (46:54)
What did you think of The CSS Mastermind?
Complete the Survey
Homework: Customizing with the Design Panel
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock