Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Advanced CSS and Sass Flexbox, Grid, Animations and More!, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:03:55
    Welcome to the Most Advanced CSS Course Ever!
  • Урок 2. 00:02:53
    Setting up Our Tools
  • Урок 3. 00:00:46
    Section Intro
  • Урок 4. 00:05:43
    Project Overview
  • Урок 5. 00:24:24
    Building the Header - Part 1
  • Урок 6. 00:17:07
    Building the Header - Part 2
  • Урок 7. 00:19:20
    Creating Cool CSS Animations
  • Урок 8. 00:15:58
    Building a Complex Animated Button - Part 1
  • Урок 9. 00:12:52
    Building a Complex Animated Button - Part 2
  • Урок 10. 00:01:39
    Section Intro
  • Урок 11. 00:04:22
    Three Pillars of Writing Good HTML and CSS (Never Forget Them!)
  • Урок 12. 00:04:33
    How CSS Works Behind the Scenes: An Overview
  • Урок 13. 00:12:34
    How CSS is Parsed, Part 1: The Cascade and Specificity
  • Урок 14. 00:05:56
    Specificity in Practice
  • Урок 15. 00:15:45
    How CSS is Parsed, Part 2: Value Processing
  • Урок 16. 00:04:06
    How CSS is Parsed, Part 3: Inheritance
  • Урок 17. 00:14:02
    Converting px to rem: An Effective Workflow
  • Урок 18. 00:12:46
    How CSS Renders a Website: The Visual Formatting Model
  • Урок 19. 00:09:18
    CSS Architecture, Components and BEM
  • Урок 20. 00:05:16
    Implementing BEM in the Natours Project
  • Урок 21. 00:01:03
    Section Intro
  • Урок 22. 00:05:00
    What is Sass?
  • Урок 23. 00:25:23
    First Steps with Sass: Variables and Nesting
  • Урок 24. 00:17:06
    First Steps with Sass: Mixins, Extends and Functions
  • Урок 25. 00:11:22
    A Brief Introduction to the Command Line
  • Урок 26. 00:13:49
    NPM Packages: Let's Install Sass Locally
  • Урок 27. 00:13:11
    NPM Scripts: Let's Write and Compile Sass Locally
  • Урок 28. 00:06:24
    The Easiest Way of Automatically Reloading a Page on File Changes
  • Урок 29. 00:00:56
    Section Intro
  • Урок 30. 00:11:18
    Converting Our CSS Code to Sass: Variables and Nesting
  • Урок 31. 00:17:35
    Implementing the 7-1 CSS Architecture with Sass
  • Урок 32. 00:07:49
    Review: Responsive Design Principles and Layout Types
  • Урок 33. 00:37:04
    Building a Custom Grid with Floats
  • Урок 34. 00:23:26
    Building the About Section - Part 1
  • Урок 35. 00:21:53
    Building the About Section - Part 2
  • Урок 36. 00:17:31
    Building the About Section - Part 3
  • Урок 37. 00:30:21
    Building the Features Section
  • Урок 38. 00:25:29
    Building the Tours Section - Part 1
  • Урок 39. 00:31:01
    Building the Tours Section - Part 2
  • Урок 40. 00:16:37
    Building the Tours Section - Part 3
  • Урок 41. 00:19:41
    Building the Stories Section - Part 1
  • Урок 42. 00:14:15
    Building the Stories Section - Part 2
  • Урок 43. 00:13:50
    Building the Stories Section - Part 3
  • Урок 44. 00:18:20
    Building the Booking Section - Part 1
  • Урок 45. 00:18:38
    Building the Booking Section - Part 2
  • Урок 46. 00:23:11
    Building the Booking Section - Part 3
  • Урок 47. 00:15:58
    Building the Footer
  • Урок 48. 00:29:38
    Building the Navigation - Part 1
  • Урок 49. 00:13:14
    Building the Navigation - Part 2
  • Урок 50. 00:15:37
    Building the Navigation - Part 3
  • Урок 51. 00:25:15
    Building a Pure CSS Popup - Part 1
  • Урок 52. 00:16:56
    Building a Pure CSS Popup - Part 2
  • Урок 53. 00:01:01
    Section Intro
  • Урок 54. 00:17:36
    Mobile-First vs Desktop-First and Breakpoints
  • Урок 55. 00:28:09
    Let's Use the Power of Sass Mixins to Write Media Queries
  • Урок 56. 00:26:40
    Writing Media Queries - Base, Typography and Layout
  • Урок 57. 00:12:34
    Writing Media Queries - Layout, About and Features Sections
  • Урок 58. 00:20:27
    Writing Media Queries - Tours, Stories and Booking Sections
  • Урок 59. 00:05:42
    An Overview of Responsive Images
  • Урок 60. 00:10:16
    Responsive Images in HTML - Art Direction and Density Switching
  • Урок 61. 00:17:22
    Responsive Images in HTML - Density and Resolution Switching
  • Урок 62. 00:11:44
    Responsive Images in CSS
  • Урок 63. 00:21:44
    Testing for Browser Support with @supports
  • Урок 64. 00:20:56
    Setting up a Simple Build Process with NPM Scripts
  • Урок 65. 00:13:59
    Wrapping up the Natours Project: Final Considerations
  • Урок 66. 00:01:04
    Section Intro
  • Урок 67. 00:06:32
    Why Flexbox: An Overview of the Philosophy Behind Flexbox
  • Урок 68. 00:15:09
    A Basic Intro to Flexbox: The Flex Container
  • Урок 69. 00:10:35
    A Basic Intro to Flexbox: Flex Items
  • Урок 70. 00:06:15
    A Basic Intro to Flexbox: Adding More Flex Items
  • Урок 71. 00:07:15
    Project Overview
  • Урок 72. 00:13:41
    Defining Project Settings and Custom Properties
  • Урок 73. 00:12:01
    Building the Overall Layout
  • Урок 74. 00:18:00
    Building the Header - Part 1
  • Урок 75. 00:14:49
    Building the Header - Part 2
  • Урок 76. 00:12:27
    Building the Header - Part 3
  • Урок 77. 00:11:37
    Building the Navigation - Part 1
  • Урок 78. 00:16:51
    Building the Navigation - Part 2
  • Урок 79. 00:15:19
    Building the Hotel Overview - Part 1
  • Урок 80. 00:15:27
    Building the Hotel Overview - Part 2
  • Урок 81. 00:12:54
    Building the Description Section - Part 1
  • Урок 82. 00:19:39
    Building the Description Section - Part 2
  • Урок 83. 00:22:53
    Building the User Reviews Section
  • Урок 84. 00:16:55
    Building the CTA Section
  • Урок 85. 00:19:28
    Writing Media Queries - Part 1
  • Урок 86. 00:16:28
    Writing Media Queries - Part 2
  • Урок 87. 00:14:46
    Wrapping up the Trillo Project: Final Considerations
  • Урок 88. 00:01:00
    Section Intro
  • Урок 89. 00:05:16
    Why CSS Grid: A Whole New Mindset
  • Урок 90. 00:02:12
    Quick Setup for This Section
  • Урок 91. 00:12:16
    Creating Our First Grid
  • Урок 92. 00:10:01
    Getting Familiar with the fr Unit
  • Урок 93. 00:07:27
    Positioning Grid Items
  • Урок 94. 00:09:49
    Spanning Grid Items
  • Урок 95. 00:02:49
    Grid Challenge
  • Урок 96. 00:11:09
    Grid Challenge: A Basic Solution
  • Урок 97. 00:09:41
    Naming Grid Lines
  • Урок 98. 00:11:04
    Naming Grid Areas
  • Урок 99. 00:10:40
    Implicit Grids vs. Explicit Grids
  • Урок 100. 00:09:58
    Aligning Grid Items
  • Урок 101. 00:13:00
    Aligning Tracks
  • Урок 102. 00:16:20
    Using min-content, max-content and the minmax() function
  • Урок 103. 00:10:58
    Responsive Layouts with auto-fit and auto-fill
  • Урок 104. 00:11:32
    Project Overview and Setup
  • Урок 105. 00:15:35
    Building the Overall Layout - Part 1
  • Урок 106. 00:24:33
    Building the Overall Layout - Part 2
  • Урок 107. 00:13:02
    Building the Features Section - Part 1
  • Урок 108. 00:20:28
    Building the Features Section - Part 2
  • Урок 109. 00:18:01
    Building the Story Section - Part 1
  • Урок 110. 00:11:39
    Building the Story Section - Part 2
  • Урок 111. 00:15:47
    Building the Homes Section - Part 1
  • Урок 112. 00:18:52
    Building the Homes Section - Part 2
  • Урок 113. 00:15:25
    Building the Gallery - Part 1
  • Урок 114. 00:12:28
    Building the Gallery - Part 2
  • Урок 115. 00:12:34
    Building the Footer
  • Урок 116. 00:05:09
    Building the Sidebar
  • Урок 117. 00:16:17
    Building the Header - Part 1
  • Урок 118. 00:09:52
    Building the Header - Part 2
  • Урок 119. 00:11:23
    Building the Realtors Section
  • Урок 120. 00:17:13
    Writing Media Queries - Part 1
  • Урок 121. 00:18:39
    Writing Media Queries - Part 2
  • Урок 122. 00:08:36
    Browser Support for CSS Grid
  • Урок 123. 00:06:45
    Wrapping up the Nexter Project: Final Considerations
  • Урок 124. 00:02:29
    See You Next Time, CSS Master!