Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Zero To Mastery

Advanced CSS for Web Design

via Zero To Mastery Path

Overview

Level up your CSS skills and bring your websites to life with gradients, blend modes, clipping paths, CSS Houdini, and more. Plus build a developer portfolio along the way that shows you’re ready to get hired as a front-end developer!
  • Style elements dynamically with advanced pseudo-selectors
  • Create seamless visuals using gradients and SVG patterns
  • Use background effects that scale with any screen
  • Apply clipping and masking for creative layouts
  • Add cinematic effects with blend modes and CSS filters
  • Customize the user experience with styled cursors
  • Explore the power of CSS Houdini APIs
  • Build a polished, professional portfolio site

Syllabus

  •   Introduction
    • Introduction
    • Exercise: Meet Your Classmates and Instructor
    • Course Resources
    • Developer Setup
  •   Learn Advanced CSS & Create Developer Portfolio Website
    • Bruno
    • Introduction
    • CSS Pseudo Selectors
    • AI Image Generation
    • Gradients and Patterns
    • Note on Unsplash Random
    • Clipping and Masking
    • Blend Modes and Filters
    • Cursor Types and Custom Cursors
    • CSS Houdini
    • Developer Portfolio V1 - Preview
    • Developer Portfolio V1 - Mockups
    • Developer Portfolio V1 - AI Generation
    • Developer Portfolio V1 - Home - Part 1
    • Developer Portfolio V1 - Home - Part 2
    • Developer Portfolio V1 - About
    • Developer Portfolio V1 - Projects
    • Developer Portfolio V1 - Contact - Part 1
    • Developer Portfolio V1 - Contact - Part 2
    • Developer Portfolio V1 - Navigation
    • Developer Portfolio - Responsive Design - Part 1
    • Developer Portfolio - Responsive Design - Part 2
    • Developer Portfolio - Responsive Design - Part 3
  •   Where To Go From Here?
    • Let's Keep Learning Together!
    • Review This Byte!
  •   Appendix - Developer Setup
    • Introduction
    • Mac / Linux Device Setup
    • Windows Device Setup
    • VSCode Setup & Template
    • VSCode Extensions
    • DevTools
    • GitHub

Taught by

Jacinto Wong

Reviews

Start your review of Advanced CSS for Web Design

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.