Udemy - Advanced CSS And Sass: Flexbox, Grid, Animations And More...

Files:

• 1. Welcome to the Most Advanced CSS Course Ever!.mp4 (18.3 MB)
• 1. Welcome to the Most Advanced CSS Course Ever!.vtt (6.9 KB)
• 2. READ BEFORE YOU START!.html (1.1 KB)
• 3. Setting up Our Tools.mp4 (7.4 MB)
• 3. Setting up Our Tools.vtt (5.3 KB)

• 1. See You Next Time, CSS Master!.mp4 (19.6 MB)
• 1. See You Next Time, CSS Master!.vtt (4.4 KB)

• 1. Section Intro.mp4 (6.1 MB)
• 1. Section Intro.vtt (1.2 KB)
• 2. Project Overview.mp4 (15.4 MB)
• 2. Project Overview.vtt (9.7 KB)
• 2.1 Download starter project from Github.html (0.1 KB)
• 3. Building the Header - Part 1.mp4 (48.7 MB)
• 3. Building the Header - Part 1.vtt (40.8 KB)
• 4. Building the Header - Part 2.mp4 (35.6 MB)
• 4. Building the Header - Part 2.vtt (29.1 KB)
• 5. Creating Cool CSS Animations.mp4 (40.0 MB)
• 5. Creating Cool CSS Animations.vtt (33.2 KB)
• 6. Building a Complex Animated Button - Part 1.mp4 (29.9 MB)
• 6. Building a Complex Animated Button - Part 1.vtt (27.8 KB)
• 7. Building a Complex Animated Button - Part 2.mp4 (25.0 MB)
• 7. Building a Complex Animated Button - Part 2.vtt (22.6 KB)

• 1. Section Intro.mp4 (12.1 MB)
• 1. Section Intro.vtt (2.8 KB)
• 10. CSS Architecture, Components and BEM.mp4 (13.1 MB)
• 10. CSS Architecture, Components and BEM.vtt (16.2 KB)
• 11. Implementing BEM in the Natours Project.mp4 (10.9 MB)
• 11. Implementing BEM in the Natours Project.vtt (8.3 KB)
• 2. Three Pillars of Writing Good HTML and CSS (Never Forget Them!).mp4 (6.3 MB)
• 2. Three Pillars of Writing Good HTML and CSS (Never Forget Them!).vtt (7.6 KB)
• 2.1 Download slides from GitHub.html (0.1 KB)
• 3. How CSS Works Behind the Scenes An Overview.mp4 (6.4 MB)
• 3. How CSS Works Behind the Scenes An Overview.vtt (7.8 KB)
• 4. How CSS is Parsed, Part 1 The Cascade and Specificity.mp4 (16.9 MB)
• 4. How CSS is Parsed, Part 1 The Cascade and Specificity.vtt (22.2 KB)
• 5. Specificity in Practice.mp4 (8.6 MB)
• 5. Specificity in Practice.vtt (10.6 KB)
• 6. How CSS is Parsed, Part 2 Value Processing.mp4 (22.1 MB)
• 6. How CSS is Parsed, Part 2 Value Processing.vtt (25.8 KB)
• 7. How CSS is Parsed, Part 3 Inheritance.mp4 (5.8 MB)
• 7. How CSS is Parsed, Part 3 Inheritance.vtt (6.7 KB)
• 8. Converting px to rem An Effective Workflow.mp4 (26.0 MB)
• 8. Converting px to rem An Effective Workflow.vtt (23.0 KB)
• 9. How CSS Renders a Website The Visual Formatting Model.mp4 (17.5 MB)
• 9. How CSS Renders a Website The Visual Formatting Model.vtt (21.8 KB)

• 1. Section Intro.mp4 (8.1 MB)
• 1. Section Intro.vtt (1.8 KB)
• 2. What is Sass.mp4 (7.1 MB)
• 2. What is Sass.vtt (8.2 KB)
• 3. First Steps with Sass Variables and Nesting.mp4 (36.7 MB)
• 3. First Steps with Sass Variables and Nesting.vtt (39.3 KB)
• 4. First Steps with Sass Mixins, Extends and Functions.mp4 (27.5 MB)
• 4. First Steps with Sass Mixins, Extends and Functions.vtt (27.6 KB)
• 5. A Brief Introduction to the Command Line.mp4 (18.1 MB)
• 5. A Brief Introduction to the Command Line.vtt (19.2 KB)
• 6. NPM Packages Let's Install Sass Locally.mp4 (22.2 MB)
• 6. NPM Packages Let's Install Sass Locally.vtt (24.0 KB)
• 7. NPM Scripts Let's Write and Compile Sass Locally.mp4 (24.7 MB)
• 7. NPM Scripts Let's Write and Compile Sass Locally.vtt (23.2 KB)
• 8. The Easiest Way of Automatically Reloading a Page on File Changes.mp4 (13.2 MB)
• 8. The Easiest Way of Automatically Reloading a Page on File Changes.vtt (10.5 KB)

• 1. Section Intro.mp4 (7.0 MB)
• 1. Section Intro.vtt (1.5 KB)
• 10. Building the Tours Section - Part 1.mp4 (45.1 MB)
• 10. Building the Tours Section - Part 1.vtt (39.9 KB)
• 11. Building the Tours Section - Part 2.mp4 (59.6 MB)
• 11. Building the Tours Section - Part 2.vtt (47.8 KB)
• 12. Building the Tours Section - Part 3.mp4 (38.4 MB)
• 12. Building the Tours Section - Part 3.vtt (20.7 KB)
• 13. Building the Stories Section - Part 1.mp4 (46.9 MB)
• 13. Building the Stories Section - Part 1.vtt (28.4 KB)
• 14. Building the Stories Section - Part 2.mp4 (35.1 MB)
• 14. Building the Stories Section - Part 2.vtt (19.8 KB)
• 15. Building the Stories Section - Part 3.mp4 (61.8 MB)
• 15. Building the Stories Section - Part 3.vtt (23.6 KB)
• 16. Building the Booking Section - Part 1.mp4 (43.3 MB)
• 16. Building the Booking Section - Part 1.vtt (31.3 KB)
• 17. Building the Booking Section - Part 2.mp4 (36.5 MB)
• 17. Building the Booking Section - Part 2.vtt (29.2 KB)
• 18. Building the Booking Section - Part 3.mp4 (51.4 MB)
• 18. Building the Booking Section - Part 3.vtt (36.9 KB)
• 19. Building the Footer.mp4 (33.5 MB)
• 19. Building the Footer.vtt (21.8 KB)
• 2. Converting Our CSS Code to Sass Variables and Nesting.mp4 (24.0 MB)
• 2. Converting Our CSS Code to Sass Variables and Nesting.vtt (18.0 KB)
• 20. Building the Navigation - Part 1.mp4 (62.4 MB)
• 20. Building the Navigation - Part 1.vtt (47.9 KB)
• 21. Building the Navigation - Part 2.mp4 (34.4 MB)
• 21. Building the Navigation - Part 2.vtt (20.2 KB)
• 22. Building the Navigation - Part 3.mp4 (39.7 MB)
• 22. Building the Navigation - Part 3.vtt (24.1 KB)
• 23. Building a Pure CSS Popup - Part 1.mp4 (55.1 MB)
• 23. Building a Pure CSS Popup - Part 1.vtt (37.7 KB)
• 24. Building a Pure CSS Popup - Part 2.mp4 (47.9 MB)
• 24. Building a Pure CSS Popup - Part 2.vtt (25.2 KB)
• 3. Implementing the 7-1 CSS Architecture with Sass.mp4 (30.2 MB)
• 3. Implementing the 7-1 CSS Architecture with Sass.vtt (27.3 KB)
• 4. Review Basic Principles of Responsive Design and Layout Types.mp4 (8.6 MB)
• 4. Review Basic Principles of Responsive Design and Layout Types.vtt (7.5 KB)
• 5. Building a Custom Grid with Floats.mp4 (62.3 MB)
• 5. Building a Custom Grid with Floats.vtt (59.1 KB)
• 6. Building the About Section - Part 1.mp4 (45.5 MB)
• 6. Building the About Section - Part 1.vtt (37.7 KB)
• 7. Building the About Section - Part 2.mp4 (46.3 MB)
• 7. Building the About Section - Part 2.vtt (33.9 KB)
• 8. Building the About Section - Part 3.mp4 (36.0 MB)
• 8. Building the About Section - Part 3.vtt (27.5 KB)
• 9. Building the Features Section.mp4 (71.2 MB)
• 9. Building the Features Section.vtt (52.0 KB)

• 1. Section Intro.mp4 (7.4 MB)
• 1. Section Intro.vtt (1.6 KB)
• 10. Responsive Images in CSS.mp4 (26.6 MB)
• 10. Responsive Images in CSS.vtt (17.7 KB)
• 11. Testing for Browser Support with @supports.mp4 (61.4 MB)
• 11. Testing for Browser Support with @supports.vtt (34.6 KB)
• 12. Setting up a Simple Build Process with NPM Scripts.mp4 (50.4 MB)
• 12. Setting up a Simple Build Process with NPM Scripts.vtt (33.5 KB)
• 13. Wrapping up the Natours Project Final Considerations.mp4 (29.8 MB)
• 13. Wrapping up the Natours Project Final Considerations.vtt (22.2 KB)
• 2. Mobile-First vs Desktop-First and Breakpoints.mp4 (24.1 MB)
• 2. Mobile-First vs Desktop-First and Breakpoints.vtt (29.6 KB)
• 3. Let's Use the Power of Sass Mixins to Write Media Queries.mp4 (52.4 MB)
• 3. Let's Use the Power of Sass Mixins to Write Media Queries.vtt (39.2 KB)
• 4. Writing Media Queries - Base, Typography and Layout.mp4 (56.6 MB)
• 4. Writing Media Queries - Base, Typography and Layout.vtt (40.0 KB)
• 5. Writing Media Queries - Layout, About and Features Sections.mp4 (30.1 MB)
• 5. Writing Media Queries - Layout, About and Features Sections.vtt (17.3 KB)
• 6. Writing Media Queries - Tours, Stories and Booking Sections.mp4 (48.2 MB)
• 6. Writing Media Queries - Tours, Stories and Booking Sections.vtt (32.7 KB)
• 7. An Overview of Responsive Images.mp4 (8.2 MB)
• 7. An Overview of Responsive Images.vtt (9.4 KB)
• 8. Responsive Images in HTML - Art Direction and Density Switching.mp4 (23.2 MB)
• 8. Responsive Images in HTML - Art Direction and Density Switching.vtt (17.1 KB)
• 9. Responsive Images in HTML - Density and Resolution Switching.mp4 (42.6 MB)
• 9. Responsive Images in HTML - Density and Resolution Switching.vtt (27.1 KB)

• 1. Section Intro.mp4 (7.4 MB)
• 1. Section Intro.vtt (1.7 KB)
• 10. Building the Header - Part 2.mp4 (27.1 MB)
• 10. Building the Header - Part 2.vtt (24.4 KB)
• 11. Building the Header - Part 3.mp4 (24.3 MB)
• 11. Building the Header - Part 3.vtt (20.1 KB)
• 12. Building the Navigation - Part 1.mp4 (22.5 MB)
• 12. Building the Navigation - Part 1.vtt (17.9 KB)
• 13. Building the Navigation - Part 2.mp4 (32.5 MB)
• 13. Building the Navigation - Part 2.vtt (25.3 KB)
• 14. Building the Hotel Overview - Part 1.mp4 (30.5 MB)
• 14. Building the Hotel Overview - Part 1.vtt (21.5 KB)
• 15. Building the Hotel Overview - Part 2.mp4 (31.8 MB)
• 15. Building the Hotel Overview - Part 2.vtt (24.5 KB)
• 16. Building the Description Section - Part 1.mp4 (27.5 MB)
• 16. Building the Description Section - Part 1.vtt (19.1 KB)
• 17. Building the Description Section - Part 2.mp4 (39.0 MB)
• 17. Building the Description Section - Part 2.vtt (31.2 KB)
• 18. Building the User Reviews Section.mp4 (52.2 MB)
• 18. Building the User Reviews Section.vtt (33.4 KB)
• 19. Building the CTA Section.mp4 (36.0 MB)
• 19. Building the CTA Section.vtt (24.9 KB)
• 2. Why Flexbox An Overview of the Philosophy Behind Flexbox.mp4 (8.8 MB)
• 2. Why Flexbox An Overview of the Philosophy Behind Flexbox.vtt (10.8 KB)
• 20. Writing Media Queries - Part 1.mp4 (42.3 MB)
• 20. Writing Media Queries - Part 1.vtt (29.1 KB)
• 21. Writing Media Queries - Part 2.mp4 (34.8 MB)
• 21. Writing Media Queries - Part 2.vtt (26.0 KB)
• 22. Wrapping up the Trillo Project Final Considerations.mp4 (38.7 MB)
• 22. Wrapping up the Trillo Project Final Considerations.vtt (23.5 KB)
• 3. A Basic Intro to Flexbox The Flex Container.mp4 (21.6 MB)
• 3. A Basic Intro to Flexbox The Flex Container.vtt (24.5 KB)
• 4. A Basic Intro to Flexbox Flex Items.mp4 (15.7 MB)
• 4. A Basic Intro to Flexbox Flex Items.vtt (17.9 KB)
• 5. A Basic Intro to Flexbox Adding More Flex Items.mp4 (10.4 MB)
• 5. A Basic Intro to Flexbox Adding More Flex Items.vtt (10.7 KB)
• 6. Project Overview.mp4 (13.2 MB)
• 6. Project Overview.vtt (12.5 KB)
• 6.1 Download starter project from Github.html (0.1 KB)
• 7. Defining Project Settings and Custom Properties.mp4 (23.5 MB)
• 7. Defining Project Settings and Custom Properties.vtt (20.2 KB)
• 8. Building the Overall Layout.mp4 (21.0 MB)
• 8. Building the Overall Layout.vtt (19.2 KB)
• 9. Building the Header - Part 1.mp4 (32.6 MB)
• 9. Building the Header - Part 1.vtt (24.5 KB)

• 1. Section Intro.mp4 (6.2 MB)
• 1. Section Intro.vtt (1.7 KB)
• 10. Naming Grid Lines.mp4 (29.2 MB)
• 10. Naming Grid Lines.vtt (14.0 KB)
• 11. Naming Grid Areas.mp4 (34.6 MB)
• 11. Naming Grid Areas.vtt (16.2 KB)
• 12. Implicit Grids vs. Explicit Grids.mp4 (27.3 MB)
• 12. Implicit Grids vs. Explicit Grids.vtt (15.9 KB)
• 13. Aligning Grid Items.mp4 (31.4 MB)
• 13. Aligning Grid Items.vtt (15.9 KB)
• 14. Aligning Tracks.mp4 (44.4 MB)
• 14. Aligning Tracks.vtt (19.7 KB)
• 15. Using min-content, max-content and the minmax() function.mp4 (46.5 MB)
• 15. Using min-content, max-content and the minmax() function.vtt (25.1 KB)
• 16. Responsive Layouts with auto-fit and auto-fill.mp4 (36.8 MB)
• 16. Responsive Layouts with auto-fit and auto-fill.vtt (18.5 KB)
• 2. Why CSS Grid A Whole New Mindset.mp4 (10.9 MB)
• 2. Why CSS Grid A Whole New Mindset.vtt (8.9 KB)
• 3. Quick Setup for This Section.mp4 (5.2 MB)
• 3. Quick Setup for This Section.vtt (4.0 KB)
• 4. Creating Our First Grid.mp4 (26.5 MB)
• 4. Creating Our First Grid.vtt (19.1 KB)
• 5. Getting Familiar with the fr Unit.mp4 (25.0 MB)
• 5. Getting Familiar with the fr Unit.vtt (17.0 KB)
• 6. Positioning Grid Items.mp4 (18.2 MB)
• 6. Positioning Grid Items.vtt (13.6 KB)
• 7. Spanning Grid Items.mp4 (27.0 MB)
• 7. Spanning Grid Items.vtt (16.6 KB)
• 8. Grid Challenge.mp4 (5.9 MB)
• 8. Grid Challenge.vtt (5.2 KB)
• 9. Grid Challenge A Basic Solution.mp4 (32.5 MB)
• 9. Grid Challenge A Basic Solution.vtt (17.1 KB)

• 1. Project Overview and Setup.mp4 (35.1 MB)
• 1. Project Overview and Setup.vtt (19.7 KB)
• 1.1 Download starter project from Github.html (0.1 KB)
• 10. Building the Gallery - Part 1.mp4 (66.3 MB)
• 10. Building the Gallery - Part 1.vtt (22.5 KB)
• 11. Building the Gallery - Part 2.mp4 (62.5 MB)
• 11. Building the Gallery - Part 2.vtt (16.2 KB)
• 12. Building the Footer.mp4 (51.4 MB)
• 12. Building the Footer.vtt (14.9 KB)
• 13. Building the Sidebar.mp4 (10.7 MB)
• 13. Building the Sidebar.vtt (7.4 KB)
• 14. Building the Header - Part 1.mp4 (46.6 MB)
• 14. Building the Header - Part 1.vtt (24.3 KB)
• 15. Building the Header - Part 2.mp4 (30.8 MB)
• 15. Building the Header - Part 2.vtt (14.6 KB)
• 16. Building the Realtors Section.mp4 (42.1 MB)
• 16. Building the Realtors Section.vtt (14.6 KB)
• 17. Writing Media Queries - Part 1.mp4 (59.3 MB)
• 17. Writing Media Queries - Part 1.vtt (27.0 KB)
• 18. Writing Media Queries - Part 2.mp4 (65.6 MB)
• 18. Writing Media Queries - Part 2.vtt (25.9 KB)
• 19. Browser Support for CSS Grid.mp4 (23.5 MB)
• 19. Browser Support for CSS Grid.vtt (13.8 KB)
• 2. Building the Overall Layout - Part 1.mp4 (54.1 MB)
• 2. Building the Overall Layout - Part 1.vtt (25.0 KB)
• 20. Wrapping up the Nexter Project Final Considerations.mp4 (29.2 MB)
• 20. Wrapping up the Nexter Project Final Considerations.vtt (9.7 KB)
• 3. Building the Overall Layout - Part 2.mp4 (49.7 MB)
• 3. Building the Overall Layout - Part 2.vtt (39.0 KB)
• 4. Building the Features Section - Part 1.mp4 (39.9 MB)
• 4. Building the Features Section - Part 1.vtt (19.7 KB)
• 5. Building the Features Section - Part 2.mp4 (44.7 MB)
• 5. Building the Features Section - Part 2.vtt (31.7 KB)
• 6. Building the Story Section - Part 1.mp4 (52.9 MB)
• 6. Building the Story Section - Part 1.vtt (26.6 KB)
• 7. Building the Story Section - Part 2.mp4 (35.0 MB)
• 7. Building the Story Section - Part 2.vtt (19.8 KB)
• 8. Building the Homes Section - Part 1.mp4 (35.1 MB)
• 8. Building the Homes Section - Part 1.vtt (21.4 KB)
• 9. Building the Homes Section - Part 2.mp4 (42.6 MB)
• 9. Building the Homes Section - Part 2.vtt (27.0 KB)

• [Tutorialsplanet.NET].url (0.1 KB)