Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Standout Squarespace
Welcome to Standout Squarespace (DO NOT SKIP)
Access our New Curriculum
🛑 Welcome Video (Please do not skip) (17:31)
🛑 Important Note about IP & License (Please do not skip)
🛑 The Standout Workbook
Standout Highlights
Standout Badge & Capstone Project
Primer: Crafting an Efficient Website Design Process
Module Zero: Expert Positioning & Strategic Pricing
Identifying your Standout Style
The Value of Squarespace and Coding
Strategic Pricing
Product Suites & Portfolio
My Selling Templates Story (Bonus)
Flexible Unit: Client Communication
Overview (03:57)
Introduction to Notion
Managing Leads (09:52)
Notion as CRM (Optional) (10:10)
Email Scripts
Client Discovery (15:57)
Discovery Call Script (05:04)
Customizing the Proposal (23:41)
The Booking Process (11:38)
Client Contracts (09:57)
Contract Reference (07:45)
Client Onboarding (11:42)
Project Dashboard: Tech Walkthrough (17:28)
Feedback Process: Deep Dive (08:52)
Onboard on Squarespace (08:03)
Keeping Project on Schedule (06:44)
Launch Support & Offboarding
Module One: Start with Strategy
Overview of Module One (04:59)
DISCOVER: Website Design Questionnaire (12:43)
DISCOVER: Research & Inspirations (17:05)
INTERPRET: Styleboards & Design Principles (11:15)
INTERPRET: Styleboards & Adobe XD (34:25)
IDEATE: Website Strategy Document (15:14)
IDEATE: Homepage Design (04:01)
IDEATE: Homepage Design (Part II) (22:03)
IDEATE: Homepage Assign Global Colors (22:24)
PROTOTYPE: Feedback Process and Prototyping in Adobe XD (11:01)
Offering UI Design as a Service (16:48)
Module One: Exercise Prompts
Module Two: Building Blocks of Squarespace
Overview of Module Two (02:36)
Why choose Squarespace? (09:26)
Basics: The Building Blocks of Squarespace (26:15)
💜 Build Out: The Right Way (11:48)
💜 Build-out: Example (12:53)
SEO Best Practices (16:28)
SEO Checklist (23:42)
The Design Menu (12:54)
Optimizing Images (06:01)
Planning Global Text Styles (05:46)
💜 Case Study Build Out (34:33)
Case Study: Global Text Styles (08:04)
Module Three: CSS Foundations
Overview of Module Three (04:35)
How HTML and CSS Work (09:09)
CSS Selectors Cheatsheet
Writing our Own CSS Rules (10:50)
Selecting Elements (16:33)
🛑 QUIZ: Basic Selectors
Selecting Elements: The Smart Way (23:56)
🛑 QUIZ: Advanced Selectors
Prioritizing CSS Rules (11:22)
Writing Responsive CSS using Media Queries (09:09)
Styling Elements: An Overview (15:39)
Writing CSS: The Simpler Way (12:13)
My CSS Workflow: Organizing Codes (35:29)
💜 Exercise Prompts (01:32)
Exercise Prompts Solution
Module Four: Customization Deep Dive
Overview of Module Four (03:06)
Typography: Part One (27:07)
Typography: Part Two (11:12)
Defining Scope of CSS (19:41)
🛑 Scoping Sections (19:01)
💜 Box Model: In Focus (29:32)
Layout: Display & Float (15:31)
Layout: Display & Float Exercise (19:17)
Layout Position Property : Part One (16:00)
💜 Layout Position Property: Part Two (14:44)
Layout Position Property: Exercise (22:17)
Practice Walkthroughs for Module Four
🛑 Unlock Access to Advanced Space
Recommended Workshop: Secrets to Identifying Selectors (optional)
Module Five: Pseudo & Background Elements
Overview of Module Five (03:34)
Part I: Pseudo Classes (22:31)
Part II: Pseudo Classes (11:59)
Exercise: Pseudo Classes (24:58)
Part I: Pseudo Elements (14:38)
Part II: Pseudo Elements (18:57)
Exercise: Pseudo Elements (24:58)
Module Exercise Prompts (09:17)
CSS Background Property (16:34)
Pseudo and Background Elements (16:53)
Image Decors using Pseudo Elements (14:11)
Image Decors & Attribute Selectors (12:51)
Practice Workshops for Module Five
Module Six: Flexbox
Overview (04:07)
Intro to Flexbox (20:48)
Flexbox Item Properties (11:20)
Flexbox in Lists (19:21)
Flexbox in Sections (16:11)
Flexbox: Editing Sections
💜 Flexbox Section Templates (22:38)
Flexbox Sticky Scrolling Sections (10:16)
Flexbox Sections Mobile View (12:37)
Flexbox in Summary Blocks (21:55)
💜 Flexbox in Section Content (30:17)
Flexbox in Headers (21:39)
Display: Contents and Flexbox (12:41)
Browser Compatibility (10:02)
Project Refinements (20:28)
💜 Switch Order of Columns using Flexbox (15:59)
Module Seven: CSS Animations
Overview (02:44)
CSS Transitions (12:35)
CSS Transforms (15:19)
Part I: Transforms & Transitions Exercise (21:57)
Part II: Transforms & Transitions Exercise (20:50)
Transforms in Pseudo-Elements (14:18)
Transforms in Summary Blocks (18:26)
CSS Keyframes & Animations (17:16)
Keyframes Exercise (17:41)
Animate Header on Scroll (15:01)
Animate any Element on Scroll (24:01)
Practice Workshops for Module Seven
Module Eight: CSS Grids
Overview (01:45)
Getting Started with Grids (20:33)
CSS Grid Item Properties (13:54)
CSS Grids in Blog Collections (25:05)
CSS Grids in Sections (21:49)
Part II: CSS Grids in Sections (10:13)
Responsive CSS Grids (11:12)
Vertical Marquee (16:50)
CSS Grids in Product Collections (25:08)
Part Two: CSS Grids in Products List (24:37)
Module Nine: Javascript Esssentials
Overview (03:09)
Intro to Advanced Customizations (13:34)
Part I: My Trusted Plugins (13:14)
Part II: My Trusted Plugins (17:23)
Javascript Basics (04:59)
Change on Scroll (29:23)
Writing jQuery (14:06)
jQuery Triggers (11:10)
Set Attributes using jQuery (16:08)
Insert Elements using jQuery (14:34)
Media Queries in jQuery (03:32)
Attach Elements using jQuery (15:11)
Pop-out Menu using jQuery (21:13)
Toggle Class using jQuery (12:56)
Find Elements using jQuery (05:16)
Easy Accordions using jQuery (19:35)
Show/Hide Sections using jQuery (12:46)
Module Ten: Streamlining & Optimization
Overview (2:36)
Streamline: Standout Checklist (Intro) (5:33)
Streamline: Standout Checklist (Development) (12:35)
Streamline: Standout Checklist (Global Styles)
Streamline: Standout Checklist (Section Templates) (16:32)
Section Templates: Mobile Optimization (14:02)
Section Templates: Refinements (6:44)
Section Templates: Two & Three (11:31)
STREAMLINE: Standout Checklist: Header & Footer (15:35)
STREAMLINE: Standout Checklist (Inside Pages) (20:22)
Standout Checklist: Testing and Backup (18:11)
Standout Checklist: Optimization (15:36)
Module 11: Integrate with Ease
Overview (01:32)
Squarespace vs Shopify (15:40)
Getting Started with Shopify (06:18)
Shopify: Setting up Products and Collections (10:00)
Shopify: Pointers in Design (11:07)
Coding in Shopify (15:58)
Shopify: Variables and Fonts (10:56)
The Universal Approach to Writing CSS (07:35)
Shopify: Style Product Pages (16:38)
Shopify: Style Product Collections (04:27)
Shopify: [Part One] Style Headers & Footers (12:38)
Shopify: [Part Two]Style Header & Footer (13:38)
Shopify: Refinements (07:58)
Shopify: Apps & Test Orders (08:06)
Bonus: CSS Basics for Shopify
Module Twelve & Bonus Lessons
Notes
Bonus Lessons
Easy Accordions using jQuery (19:35)
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock