|
/01 Welcome, Welcome, Welcome!/
|
|
001 Welcome to the Most Advanced CSS Course Ever!.en_US.srt
|
6.7 KB
|
|
001 Welcome to the Most Advanced CSS Course Ever!.mp4
|
23.7 MB
|
|
002 READ BEFORE YOU START!.html
|
2.2 KB
|
|
003 Setting up Our Tools.en_US.srt
|
5.2 KB
|
|
003 Setting up Our Tools.mp4
|
34.0 MB
|
|
/02 Natours Project _ Setup and First Steps (Part 1)/
|
|
004 Section Intro.en_US.srt
|
1.2 KB
|
|
004 Section Intro.mp4
|
5.9 MB
|
|
005 Download-starter-project-from-Github.txt
|
0.1 KB
|
|
005 Project Overview.en_US.srt
|
9.4 KB
|
|
005 Project Overview.mp4
|
87.8 MB
|
|
006 Building the Header - Part 1.en_US.srt
|
39.6 KB
|
|
006 Building the Header - Part 1.mp4
|
450.8 MB
|
|
007 Building the Header - Part 2.en_US.srt
|
28.2 KB
|
|
007 Building the Header - Part 2.mp4
|
151.3 MB
|
|
008 Creating Cool CSS Animations.en_US.srt
|
32.2 KB
|
|
008 Creating Cool CSS Animations.mp4
|
122.8 MB
|
|
009 Building a Complex Animated Button - Part 1.en_US.srt
|
27.1 KB
|
|
009 Building a Complex Animated Button - Part 1.mp4
|
128.7 MB
|
|
010 Building a Complex Animated Button - Part 2.en_US.srt
|
21.9 KB
|
|
010 Building a Complex Animated Button - Part 2.mp4
|
107.7 MB
|
|
/03 How CSS Works_ A Look Behind the Scenes/
|
|
011 Section Intro.en_US.srt
|
2.7 KB
|
|
011 Section Intro.mp4
|
12.3 MB
|
|
012 Download-slides-from-GitHub.txt
|
0.1 KB
|
|
012 Three Pillars of Writing Good HTML and CSS (Never Forget Them!).en_US.srt
|
7.3 KB
|
|
012 Three Pillars of Writing Good HTML and CSS (Never Forget Them!).mp4
|
20.7 MB
|
|
013 How CSS Works Behind the Scenes_ An Overview.en_US.srt
|
7.6 KB
|
|
013 How CSS Works Behind the Scenes_ An Overview.mp4
|
14.5 MB
|
|
014 How CSS is Parsed, Part 1_ The Cascade and Specificity.en_US.srt
|
21.5 KB
|
|
014 How CSS is Parsed, Part 1_ The Cascade and Specificity.mp4
|
42.4 MB
|
|
015 Specificity in Practice.en_US.srt
|
10.3 KB
|
|
015 Specificity in Practice.mp4
|
33.7 MB
|
|
016 How CSS is Parsed, Part 2_ Value Processing.en_US.srt
|
25.2 KB
|
|
016 How CSS is Parsed, Part 2_ Value Processing.mp4
|
76.3 MB
|
|
017 How CSS is Parsed, Part 3_ Inheritance.en_US.srt
|
6.5 KB
|
|
017 How CSS is Parsed, Part 3_ Inheritance.mp4
|
14.1 MB
|
|
018 Converting px to rem_ An Effective Workflow.en_US.srt
|
22.3 KB
|
|
018 Converting px to rem_ An Effective Workflow.mp4
|
171.8 MB
|
|
019 How CSS Renders a Website_ The Visual Formatting Model.en_US.srt
|
21.2 KB
|
|
019 How CSS Renders a Website_ The Visual Formatting Model.mp4
|
41.6 MB
|
|
020 CSS Architecture, Components and BEM.en_US.srt
|
15.8 KB
|
|
020 CSS Architecture, Components and BEM.mp4
|
44.7 MB
|
|
021 Implementing BEM in the Natours Project.en_US.srt
|
8.1 KB
|
|
021 Implementing BEM in the Natours Project.mp4
|
39.8 MB
|
|
/04 Introduction to Sass and NPM/
|
|
022 Section Intro.en_US.srt
|
1.7 KB
|
|
022 Section Intro.mp4
|
8.1 MB
|
|
023 What is Sass_.en_US.srt
|
7.9 KB
|
|
023 What is Sass_.mp4
|
18.2 MB
|
|
024 First Steps with Sass_ Variables and Nesting.en_US.srt
|
38.2 KB
|
|
024 First Steps with Sass_ Variables and Nesting.mp4
|
181.4 MB
|
|
025 First Steps with Sass_ Mixins, Extends and Functions.en_US.srt
|
26.7 KB
|
|
025 First Steps with Sass_ Mixins, Extends and Functions.mp4
|
103.4 MB
|
|
026 A Brief Introduction to the Command Line.en_US.srt
|
18.7 KB
|
|
026 A Brief Introduction to the Command Line.mp4
|
112.2 MB
|
|
027 NPM Packages_ Let's Install Sass Locally.en_US.srt
|
23.4 KB
|
|
027 NPM Packages_ Let's Install Sass Locally.mp4
|
132.5 MB
|
|
028 NPM Scripts_ Let's Write and Compile Sass Locally.en_US.srt
|
22.4 KB
|
|
028 NPM Scripts_ Let's Write and Compile Sass Locally.mp4
|
88.9 MB
|
|
029 The Easiest Way of Automatically Reloading a Page on File Changes.en_US.srt
|
10.2 KB
|
|
029 The Easiest Way of Automatically Reloading a Page on File Changes.mp4
|
111.8 MB
|
|
/05 Natours Project _ Using Advanced CSS and Sass (Part 2)/
|
|
030 Section Intro.en_US.srt
|
1.5 KB
|
|
030 Section Intro.mp4
|
7.0 MB
|
|
031 Converting Our CSS Code to Sass_ Variables and Nesting.en_US.srt
|
17.5 KB
|
|
031 Converting Our CSS Code to Sass_ Variables and Nesting.mp4
|
76.3 MB
|
|
032 Implementing the 7-1 CSS Architecture with Sass.en_US.srt
|
26.5 KB
|
|
032 Implementing the 7-1 CSS Architecture with Sass.mp4
|
101.6 MB
|
|
033 Review_ Responsive Design Principles and Layout Types.en_US.srt
|
11.4 KB
|
|
033 Review_ Responsive Design Principles and Layout Types.mp4
|
35.7 MB
|
|
034 Building a Custom Grid with Floats.en_US.srt
|
57.3 KB
|
|
034 Building a Custom Grid with Floats.mp4
|
190.5 MB
|
|
035 Building the About Section - Part 1.en_US.srt
|
36.6 KB
|
|
035 Building the About Section - Part 1.mp4
|
328.0 MB
|
|
036 Building the About Section - Part 2.en_US.srt
|
32.8 KB
|
|
036 Building the About Section - Part 2.mp4
|
349.0 MB
|
|
037 Building the About Section - Part 3.en_US.srt
|
26.7 KB
|
|
037 Building the About Section - Part 3.mp4
|
204.7 MB
|
|
038 Building the Features Section.en_US.srt
|
50.3 KB
|
|
038 Building the Features Section.mp4
|
649.7 MB
|
|
039 Building the Tours Section - Part 1.en_US.srt
|
38.6 KB
|
|
039 Building the Tours Section - Part 1.mp4
|
298.3 MB
|
|
040 Building the Tours Section - Part 2.en_US.srt
|
46.4 KB
|
|
040 Building the Tours Section - Part 2.mp4
|
436.1 MB
|
|
041 Building the Tours Section - Part 3.en_US.srt
|
20.1 KB
|
|
041 Building the Tours Section - Part 3.mp4
|
208.8 MB
|
|
042 Building the Stories Section - Part 1.en_US.srt
|
27.5 KB
|
|
042 Building the Stories Section - Part 1.mp4
|
100.0 MB
|
|
043 Building the Stories Section - Part 2.en_US.srt
|
19.2 KB
|
|
043 Building the Stories Section - Part 2.mp4
|
284.7 MB
|
|
044 Building the Stories Section - Part 3.en_US.srt
|
22.8 KB
|
|
044 Building the Stories Section - Part 3.mp4
|
369.9 MB
|
|
045 Building the Booking Section - Part 1.en_US.srt
|
30.4 KB
|
|
045 Building the Booking Section - Part 1.mp4
|
171.7 MB
|
|
046 Building the Booking Section - Part 2.en_US.srt
|
28.4 KB
|
|
046 Building the Booking Section - Part 2.mp4
|
156.3 MB
|
|
047 Building the Booking Section - Part 3.en_US.srt
|
35.7 KB
|
|
047 Building the Booking Section - Part 3.mp4
|
449.9 MB
|
|
048 Building the Footer.en_US.srt
|
21.1 KB
|
|
048 Building the Footer.mp4
|
225.9 MB
|
|
049 Building the Navigation - Part 1.en_US.srt
|
46.4 KB
|
|
049 Building the Navigation - Part 1.mp4
|
156.9 MB
|
|
050 Building the Navigation - Part 2.en_US.srt
|
19.6 KB
|
|
050 Building the Navigation - Part 2.mp4
|
181.1 MB
|
|
051 Building the Navigation - Part 3.en_US.srt
|
23.3 KB
|
|
051 Building the Navigation - Part 3.mp4
|
303.2 MB
|
|
052 Building a Pure CSS Popup - Part 1.en_US.srt
|
36.7 KB
|
|
052 Building a Pure CSS Popup - Part 1.mp4
|
330.0 MB
|
|
053 Building a Pure CSS Popup - Part 2.en_US.srt
|
24.5 KB
|
|
053 Building a Pure CSS Popup - Part 2.mp4
|
329.3 MB
|
|
/06 Natours Project _ Advanced Responsive Design (Part 3)/
|
|
054 Section Intro.en_US.srt
|
1.5 KB
|
|
054 Section Intro.mp4
|
7.6 MB
|
|
055 Mobile-First vs Desktop-First and Breakpoints.en_US.srt
|
28.8 KB
|
|
055 Mobile-First vs Desktop-First and Breakpoints.mp4
|
78.3 MB
|
|
056 Let's Use the Power of Sass Mixins to Write Media Queries.en_US.srt
|
38.1 KB
|
|
056 Let's Use the Power of Sass Mixins to Write Media Queries.mp4
|
324.2 MB
|
|
057 Writing Media Queries - Base, Typography and Layout.en_US.srt
|
38.8 KB
|
|
057 Writing Media Queries - Base, Typography and Layout.mp4
|
357.6 MB
|
|
058 Writing Media Queries - Layout, About and Features Sections.en_US.srt
|
16.7 KB
|
|
058 Writing Media Queries - Layout, About and Features Sections.mp4
|
178.2 MB
|
|
059 Writing Media Queries - Tours, Stories and Booking Sections.en_US.srt
|
31.7 KB
|
|
059 Writing Media Queries - Tours, Stories and Booking Sections.mp4
|
289.3 MB
|
|
060 An Overview of Responsive Images.en_US.srt
|
9.2 KB
|
|
060 An Overview of Responsive Images.mp4
|
24.1 MB
|
|
061 Responsive Images in HTML - Art Direction and Density Switching.en_US.srt
|
16.6 KB
|
|
061 Responsive Images in HTML - Art Direction and Density Switching.mp4
|
202.2 MB
|
|
062 Responsive Images in HTML - Density and Resolution Switching.en_US.srt
|
26.3 KB
|
|
062 Responsive Images in HTML - Density and Resolution Switching.mp4
|
374.2 MB
|
|
063 Responsive Images in CSS.en_US.srt
|
17.2 KB
|
|
063 Responsive Images in CSS.mp4
|
171.4 MB
|
|
064 Testing for Browser Support with @supports.en_US.srt
|
33.6 KB
|
|
064 Testing for Browser Support with @supports.mp4
|
452.7 MB
|
|
065 Setting up a Simple Build Process with NPM Scripts.en_US.srt
|
32.4 KB
|
|
065 Setting up a Simple Build Process with NPM Scripts.mp4
|
316.2 MB
|
|
066 Wrapping up the Natours Project_ Final Considerations.en_US.srt
|
21.6 KB
|
|
066 Wrapping up the Natours Project_ Final Considerations.mp4
|
274.6 MB
|
|
/07 Trillo Project _ Master Flexbox!/
|
|
067 Section Intro.en_US.srt
|
1.6 KB
|
|
067 Section Intro.mp4
|
7.9 MB
|
|
068 Why Flexbox_ An Overview of the Philosophy Behind Flexbox.en_US.srt
|
10.4 KB
|
|
068 Why Flexbox_ An Overview of the Philosophy Behind Flexbox.mp4
|
20.7 MB
|
|
069 A Basic Intro to Flexbox_ The Flex Container.en_US.srt
|
23.8 KB
|
|
069 A Basic Intro to Flexbox_ The Flex Container.mp4
|
105.9 MB
|
|
070 A Basic Intro to Flexbox_ Flex Items.en_US.srt
|
17.3 KB
|
|
070 A Basic Intro to Flexbox_ Flex Items.mp4
|
60.4 MB
|
|
071 A Basic Intro to Flexbox_ Adding More Flex Items.en_US.srt
|
10.3 KB
|
|
071 A Basic Intro to Flexbox_ Adding More Flex Items.mp4
|
47.1 MB
|
|
072 Download-starter-project-from-Github.txt
|
0.1 KB
|
|
072 Project Overview.en_US.srt
|
12.1 KB
|
|
072 Project Overview.mp4
|
81.6 MB
|
|
073 Defining Project Settings and Custom Properties.en_US.srt
|
19.5 KB
|
|
073 Defining Project Settings and Custom Properties.mp4
|
126.8 MB
|
|
074 Building the Overall Layout.en_US.srt
|
18.6 KB
|
|
074 Building the Overall Layout.mp4
|
107.2 MB
|
|
075 Building the Header - Part 1.en_US.srt
|
23.8 KB
|
|
075 Building the Header - Part 1.mp4
|
251.5 MB
|
|
076 Building the Header - Part 2.en_US.srt
|
23.6 KB
|
|
076 Building the Header - Part 2.mp4
|
140.6 MB
|
|
077 Building the Header - Part 3.en_US.srt
|
19.5 KB
|
|
077 Building the Header - Part 3.mp4
|
125.9 MB
|
|
078 Building the Navigation - Part 1.en_US.srt
|
17.4 KB
|
|
078 Building the Navigation - Part 1.mp4
|
123.8 MB
|
|
079 Building the Navigation - Part 2.en_US.srt
|
24.6 KB
|
|
079 Building the Navigation - Part 2.mp4
|
223.4 MB
|
|
080 Building the Hotel Overview - Part 1.en_US.srt
|
20.8 KB
|
|
080 Building the Hotel Overview - Part 1.mp4
|
197.3 MB
|
|
081 Building the Hotel Overview - Part 2.en_US.srt
|
23.8 KB
|
|
081 Building the Hotel Overview - Part 2.mp4
|
132.5 MB
|
|
082 Building the Description Section - Part 1.en_US.srt
|
18.5 KB
|
|
082 Building the Description Section - Part 1.mp4
|
170.7 MB
|
|
083 Building the Description Section - Part 2.en_US.srt
|
30.2 KB
|
|
083 Building the Description Section - Part 2.mp4
|
243.4 MB
|
|
084 Building the User Reviews Section.en_US.srt
|
32.4 KB
|
|
084 Building the User Reviews Section.mp4
|
204.0 MB
|
|
085 Building the CTA Section.en_US.srt
|
24.1 KB
|
|
085 Building the CTA Section.mp4
|
210.9 MB
|
|
086 Writing Media Queries - Part 1.en_US.srt
|
28.2 KB
|
|
086 Writing Media Queries - Part 1.mp4
|
254.8 MB
|
|
087 Writing Media Queries - Part 2.en_US.srt
|
25.3 KB
|
|
087 Writing Media Queries - Part 2.mp4
|
137.8 MB
|
|
088 Wrapping up the Trillo Project_ Final Considerations.en_US.srt
|
22.8 KB
|
|
088 Wrapping up the Trillo Project_ Final Considerations.mp4
|
284.2 MB
|
|
/08 A Quick Introduction to CSS Grid Layouts/
|
|
089 Section Intro.en_US.srt
|
1.6 KB
|
|
089 Section Intro.mp4
|
7.6 MB
|
|
090 Why CSS Grid_ A Whole New Mindset.en_US.srt
|
8.7 KB
|
|
090 Why CSS Grid_ A Whole New Mindset.mp4
|
18.7 MB
|
|
091 Quick Setup for This Section.en_US.srt
|
3.9 KB
|
|
091 Quick Setup for This Section.mp4
|
15.0 MB
|
|
092 Creating Our First Grid.en_US.srt
|
18.5 KB
|
|
092 Creating Our First Grid.mp4
|
85.0 MB
|
|
093 Getting Familiar with the fr Unit.en_US.srt
|
16.4 KB
|
|
093 Getting Familiar with the fr Unit.mp4
|
150.1 MB
|
|
094 Positioning Grid Items.en_US.srt
|
13.1 KB
|
|
094 Positioning Grid Items.mp4
|
109.2 MB
|
|
095 Spanning Grid Items.en_US.srt
|
16.1 KB
|
|
095 Spanning Grid Items.mp4
|
158.1 MB
|
|
096 Grid Challenge.en_US.srt
|
5.0 KB
|
|
096 Grid Challenge.mp4
|
11.6 MB
|
|
097 Grid Challenge_ A Basic Solution.en_US.srt
|
16.6 KB
|
|
097 Grid Challenge_ A Basic Solution.mp4
|
92.7 MB
|
|
098 Naming Grid Lines.en_US.srt
|
13.6 KB
|
|
098 Naming Grid Lines.mp4
|
161.8 MB
|
|
099 Naming Grid Areas.en_US.srt
|
15.8 KB
|
|
099 Naming Grid Areas.mp4
|
181.0 MB
|
|
100 Implicit Grids vs. Explicit Grids.en_US.srt
|
15.4 KB
|
|
100 Implicit Grids vs. Explicit Grids.mp4
|
96.1 MB
|
|
101 Aligning Grid Items.en_US.srt
|
15.4 KB
|
|
101 Aligning Grid Items.mp4
|
170.4 MB
|
|
102 Aligning Tracks.en_US.srt
|
19.1 KB
|
|
102 Aligning Tracks.mp4
|
231.1 MB
|
|
103 Using min-content, max-content and the minmax() function.en_US.srt
|
24.4 KB
|
|
103 Using min-content, max-content and the minmax() function.mp4
|
134.8 MB
|
|
104 Responsive Layouts with auto-fit and auto-fill.en_US.srt
|
17.9 KB
|
|
104 Responsive Layouts with auto-fit and auto-fill.mp4
|
205.9 MB
|
|
/09 Nexter Project _ Master CSS Grid Layouts!/
|
|
105 Download-starter-project-from-Github.txt
|
0.1 KB
|
|
105 Project Overview and Setup.en_US.srt
|
19.1 KB
|
|
105 Project Overview and Setup.mp4
|
164.2 MB
|
|
106 Building the Overall Layout - Part 1.en_US.srt
|
24.3 KB
|
|
106 Building the Overall Layout - Part 1.mp4
|
243.4 MB
|
|
107 Building the Overall Layout - Part 2.en_US.srt
|
37.8 KB
|
|
107 Building the Overall Layout - Part 2.mp4
|
384.1 MB
|
|
108 Building the Features Section - Part 1.en_US.srt
|
19.1 KB
|
|
108 Building the Features Section - Part 1.mp4
|
179.4 MB
|
|
109 Building the Features Section - Part 2.en_US.srt
|
30.7 KB
|
|
109 Building the Features Section - Part 2.mp4
|
330.0 MB
|
|
110 Building the Story Section - Part 1.en_US.srt
|
25.9 KB
|
|
110 Building the Story Section - Part 1.mp4
|
229.3 MB
|
|
111 Building the Story Section - Part 2.en_US.srt
|
19.1 KB
|
|
111 Building the Story Section - Part 2.mp4
|
171.5 MB
|
|
112 Building the Homes Section - Part 1.en_US.srt
|
20.8 KB
|
|
112 Building the Homes Section - Part 1.mp4
|
206.6 MB
|
|
113 Building the Homes Section - Part 2.en_US.srt
|
26.3 KB
|
|
113 Building the Homes Section - Part 2.mp4
|
274.5 MB
|
|
114 Building the Gallery - Part 1.en_US.srt
|
21.8 KB
|
|
114 Building the Gallery - Part 1.mp4
|
358.1 MB
|
|
115 Building the Gallery - Part 2.en_US.srt
|
15.6 KB
|
|
115 Building the Gallery - Part 2.mp4
|
345.7 MB
|
|
116 Building the Footer.en_US.srt
|
14.4 KB
|
|
116 Building the Footer.mp4
|
105.5 MB
|
|
117 Building the Sidebar.en_US.srt
|
7.2 KB
|
|
117 Building the Sidebar.mp4
|
52.7 MB
|
|
118 Building the Header - Part 1.en_US.srt
|
23.5 KB
|
|
118 Building the Header - Part 1.mp4
|
141.5 MB
|
|
119 Building the Header - Part 2.en_US.srt
|
14.2 KB
|
|
119 Building the Header - Part 2.mp4
|
71.5 MB
|
|
120 Building the Realtors Section.en_US.srt
|
14.2 KB
|
|
120 Building the Realtors Section.mp4
|
223.8 MB
|
|
121 Writing Media Queries - Part 1.en_US.srt
|
26.2 KB
|
|
121 Writing Media Queries - Part 1.mp4
|
264.2 MB
|
|
122 Writing Media Queries - Part 2.en_US.srt
|
25.2 KB
|
|
122 Writing Media Queries - Part 2.mp4
|
160.9 MB
|
|
123 Browser Support for CSS Grid.en_US.srt
|
13.4 KB
|
|
123 Browser Support for CSS Grid.mp4
|
95.9 MB
|
|
124 Wrapping up the Nexter Project_ Final Considerations.en_US.srt
|
9.4 KB
|
|
124 Wrapping up the Nexter Project_ Final Considerations.mp4
|
143.2 MB
|
|
/10 That's It, Everyone!/
|
|
125 See You Next Time, CSS Master!.en_US.srt
|
4.2 KB
|
|
125 See You Next Time, CSS Master!.mp4
|
19.1 MB
|
|
126 My Other Courses + Updates.html
|
2.0 KB
|
|
Total files 254
|
