01 Welcome, Welcome, Welcome!

  001 Welcome to the Most Advanced CSS Course Ever!.mp4

  003 Setting up Our Tools.en_US.srt

 02 Natours Project _ Setup and First Steps (Part 1)

  004 Section Intro.mp4

  005 Project Overview.en_US.srt

  006 Building the Header - Part 1.en_US.srt

  007 Building the Header - Part 2.en_US.srt

  008 Creating Cool CSS Animations.en_US.srt

  009 Building a Complex Animated Button - Part 1.en_US.srt

  010 Building a Complex Animated Button - Part 2.en_US.srt

 03 How CSS Works_ A Look Behind the Scenes

  011 Section Intro.mp4

  012 Three Pillars of Writing Good HTML and CSS (Never Forget Them!).en_US.srt

  013 How CSS Works Behind the Scenes_ An Overview.en_US.srt

  014 How CSS is Parsed, Part 1_ The Cascade and Specificity.en_US.srt

  015 Specificity in Practice.en_US.srt

  016 How CSS is Parsed, Part 2_ Value Processing.en_US.srt

  017 How CSS is Parsed, Part 3_ Inheritance.en_US.srt

  018 Converting px to rem_ An Effective Workflow.en_US.srt

  019 How CSS Renders a Website_ The Visual Formatting Model.en_US.srt

  020 CSS Architecture, Components and BEM.en_US.srt

  021 Implementing BEM in the Natours Project.en_US.srt

 04 Introduction to Sass and NPM

  022 Section Intro.mp4

  023 What is Sass_.mp4

  024 First Steps with Sass_ Variables and Nesting.mp4

  025 First Steps with Sass_ Mixins, Extends and Functions.mp4

  026 A Brief Introduction to the Command Line.mp4

  027 NPM Packages_ Let's Install Sass Locally.mp4

  028 NPM Scripts_ Let's Write and Compile Sass Locally.mp4

  029 The Easiest Way of Automatically Reloading a Page on File Changes.mp4

 05 Natours Project _ Using Advanced CSS and Sass (Part 2)

  030 Section Intro.mp4

  031 Converting Our CSS Code to Sass_ Variables and Nesting.mp4

  032 Implementing the 7-1 CSS Architecture with Sass.mp4

  033 Review_ Responsive Design Principles and Layout Types.mp4

  034 Building a Custom Grid with Floats.mp4

  035 Building the About Section - Part 1.mp4

  036 Building the About Section - Part 2.mp4

  037 Building the About Section - Part 3.mp4

  038 Building the Features Section.mp4

  039 Building the Tours Section - Part 1.mp4

  040 Building the Tours Section - Part 2.mp4

  041 Building the Tours Section - Part 3.mp4

  042 Building the Stories Section - Part 1.mp4

  043 Building the Stories Section - Part 2.mp4

  044 Building the Stories Section - Part 3.mp4

  045 Building the Booking Section - Part 1.mp4

  046 Building the Booking Section - Part 2.mp4

  047 Building the Booking Section - Part 3.mp4

  048 Building the Footer.mp4

  049 Building the Navigation - Part 1.mp4

  050 Building the Navigation - Part 2.mp4

  051 Building the Navigation - Part 3.mp4

  052 Building a Pure CSS Popup - Part 1.mp4

  053 Building a Pure CSS Popup - Part 2.mp4

 06 Natours Project _ Advanced Responsive Design (Part 3)

  054 Section Intro.mp4

  055 Mobile-First vs Desktop-First and Breakpoints.mp4

  056 Let's Use the Power of Sass Mixins to Write Media Queries.mp4

  057 Writing Media Queries - Base, Typography and Layout.mp4

  058 Writing Media Queries - Layout, About and Features Sections.mp4

  059 Writing Media Queries - Tours, Stories and Booking Sections.mp4

  060 An Overview of Responsive Images.mp4

  061 Responsive Images in HTML - Art Direction and Density Switching.mp4

  062 Responsive Images in HTML - Density and Resolution Switching.mp4

  063 Responsive Images in CSS.mp4

  064 Testing for Browser Support with @supports.mp4

  065 Setting up a Simple Build Process with NPM Scripts.mp4

  066 Wrapping up the Natours Project_ Final Considerations.mp4

 07 Trillo Project _ Master Flexbox!

  067 Section Intro.mp4

  068 Why Flexbox_ An Overview of the Philosophy Behind Flexbox.mp4

  069 A Basic Intro to Flexbox_ The Flex Container.mp4

  070 A Basic Intro to Flexbox_ Flex Items.mp4

  071 A Basic Intro to Flexbox_ Adding More Flex Items.mp4

  072 Project Overview.en_US.srt

  073 Defining Project Settings and Custom Properties.en_US.srt

  074 Building the Overall Layout.en_US.srt

  075 Building the Header - Part 1.en_US.srt

  076 Building the Header - Part 2.en_US.srt

  077 Building the Header - Part 3.en_US.srt

  078 Building the Navigation - Part 1.en_US.srt

  079 Building the Navigation - Part 2.en_US.srt

  080 Building the Hotel Overview - Part 1.en_US.srt

  081 Building the Hotel Overview - Part 2.en_US.srt

  082 Building the Description Section - Part 1.en_US.srt

  083 Building the Description Section - Part 2.en_US.srt

  084 Building the User Reviews Section.en_US.srt

  085 Building the CTA Section.en_US.srt

  086 Writing Media Queries - Part 1.en_US.srt

  087 Writing Media Queries - Part 2.en_US.srt

  088 Wrapping up the Trillo Project_ Final Considerations.en_US.srt

 08 A Quick Introduction to CSS Grid Layouts

  089 Section Intro.mp4

  090 Why CSS Grid_ A Whole New Mindset.mp4

  091 Quick Setup for This Section.mp4

  092 Creating Our First Grid.mp4

  093 Getting Familiar with the fr Unit.mp4

  094 Positioning Grid Items.mp4

  095 Spanning Grid Items.mp4

  096 Grid Challenge.mp4

  097 Grid Challenge_ A Basic Solution.mp4

  098 Naming Grid Lines.mp4

  099 Naming Grid Areas.mp4

  100 Implicit Grids vs. Explicit Grids.mp4

  101 Aligning Grid Items.mp4

  102 Aligning Tracks.mp4

  103 Using min-content, max-content and the minmax() function.mp4

  104 Responsive Layouts with auto-fit and auto-fill.mp4

 09 Nexter Project _ Master CSS Grid Layouts!

  105 Project Overview and Setup.en_US.srt

  106 Building the Overall Layout - Part 1.en_US.srt

  107 Building the Overall Layout - Part 2.en_US.srt

  108 Building the Features Section - Part 1.en_US.srt

  109 Building the Features Section - Part 2.en_US.srt

  110 Building the Story Section - Part 1.en_US.srt

  111 Building the Story Section - Part 2.en_US.srt

  112 Building the Homes Section - Part 1.en_US.srt

  113 Building the Homes Section - Part 2.en_US.srt

  114 Building the Gallery - Part 1.en_US.srt

  115 Building the Gallery - Part 2.en_US.srt

  116 Building the Footer.en_US.srt

  117 Building the Sidebar.en_US.srt

  118 Building the Header - Part 1.en_US.srt

  119 Building the Header - Part 2.en_US.srt

  120 Building the Realtors Section.en_US.srt

  121 Writing Media Queries - Part 1.en_US.srt

  122 Writing Media Queries - Part 2.en_US.srt

  123 Browser Support for CSS Grid.en_US.srt

  124 Wrapping up the Nexter Project_ Final Considerations.en_US.srt

 10 That's It, Everyone!

  125 See You Next Time, CSS Master!.mp4