Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:05:24
    Welcome to CSS Demystified!
  2. Урок 2. 00:03:16
    My software and extensions
  3. Урок 3. 00:12:56
    The Discord Community
  4. Урок 4. 00:03:10
    The rules!
  5. Урок 5. 00:02:37
    CSS Anatomy/Terminology - So we can all be speaking the same language
  6. Урок 6. 00:01:37
    Why is CSS so weird? An introduction
  7. Урок 7. 00:10:25
    Why is CSS so weird? A follow-up
  8. Урок 8. 00:03:40
    CSS is all about relationships
  9. Урок 9. 00:07:08
    Introduction to the Overlooked Fundamentals
  10. Урок 10. 00:06:06
    The box model and box-sizing
  11. Урок 11. 00:02:26
    What happens when we don't set a width?
  12. Урок 12. 00:03:25
    What happens when we set a width
  13. Урок 13. 00:01:59
    Adding box-sizing
  14. Урок 14. 00:02:44
    Fixing a layout
  15. Урок 15. 00:04:43
    A quick word on setting heights
  16. Урок 16. 00:05:59
    Inheritance
  17. Урок 17. 00:04:51
    A quick look at inheritance in action
  18. Урок 18. 00:01:25
    A little project
  19. Урок 19. 00:24:54
    A little project | my solution
  20. Урок 20. 00:03:22
    A little project | Follow-up
  21. Урок 21. 00:02:23
    Introduction to the Cascade
  22. Урок 22. 00:02:59
    How well do you really know it?
  23. Урок 23. 00:06:12
    Importance and Origin
  24. Урок 24. 00:04:50
    Origin and font-size implications
  25. Урок 25. 00:06:10
    When animations and transitions get involved
  26. Урок 26. 00:02:24
    Closing thoughts on Importance
  27. Урок 27. 00:08:14
    Specificity
  28. Урок 28. 00:03:00
    Fixing specificity issues
  29. Урок 29. 00:08:22
    Calculating specificity
  30. Урок 30. 00:02:01
    Pricing Cards | Introduction
  31. Урок 31. 00:11:24
    A safe approach to CSS
  32. Урок 32. 00:01:37
    Challenge | Pricing Cards
  33. Урок 33. 00:06:48
    My Solution | Pricing Cards
  34. Урок 34. 00:05:46
    Updated Design
  35. Урок 35. 00:08:52
    Updated Design | My solution
  36. Урок 36. 00:06:57
    Adding in custom properties
  37. Урок 37. 00:07:50
    Setting up the typography
  38. Урок 38. 00:08:15
    Mirroring the layout
  39. Урок 39. 00:07:33
    Starting to think about class naming
  40. Урок 40. 00:02:24
    Overlooked Fundamentals | Final Project
  41. Урок 41. 00:29:05
    My solution
  42. Урок 42. 00:06:40
    A word on class naming
  43. Урок 43. 00:02:24
    Overlooked Fundamentals | Wrap up
  44. Урок 44. 00:01:49
    The Unknown Fundamentals | Introduction
  45. Урок 45. 00:00:48
    Unknown Fundamentals | Project 1 introduction
  46. Урок 46. 00:03:10
    Teaching you how to fish
  47. Урок 47. 00:01:38
    Introduction to Formatting Contexts
  48. Урок 48. 00:05:42
    Inline formatting context and anonymous boxes
  49. Урок 49. 00:10:38
    Block formatting context
  50. Урок 50. 00:03:46
    Formatting context and floats
  51. Урок 51. 00:13:04
    Collapsing margins in action
  52. Урок 52. 00:02:38
    Creating a new formatting context
  53. Урок 53. 00:05:52
    Flex and grid formatting contexts
  54. Урок 54. 00:07:25
    Consistency
  55. Урок 55. 00:08:21
    Creating a CSS rule for Flow Content consistency
  56. Урок 56. 00:02:54
    Adding consistency to our magic page
  57. Урок 57. 00:04:46
    Magic page finishing touches
  58. Урок 58. 00:04:19
    A look at the updated design
  59. Урок 59. 00:16:04
    Easy wins
  60. Урок 60. 00:10:06
    Adding columns
  61. Урок 61. 00:11:51
    The square corner decorations
  62. Урок 62. 00:05:49
    Stepping up our spacing utility
  63. Урок 63. 00:01:02
    Stacking Context and Containing Blocks Introduction
  64. Урок 64. 00:01:52
    Introduction to Stacking Context
  65. Урок 65. 00:04:00
    Exploring z-index
  66. Урок 66. 00:09:00
    Stacking context deep dive
  67. Урок 67. 00:04:01
    Stacking context in action
  68. Урок 68. 00:06:06
    When stacking context breaks things
  69. Урок 69. 00:08:35
    Stacking context coming into play
  70. Урок 70. 00:04:13
    Fixing the stacking issue
  71. Урок 71. 00:03:52
    Introduction to containing blocks
  72. Урок 72. 00:05:11
    When the containing block is not the parent
  73. Урок 73. 00:02:42
    Containing blocks on the magic site
  74. Урок 74. 00:02:26
    Containing blocks in action
  75. Урок 75. 00:01:33
    Containing blocks, a more complex example
  76. Урок 76. 00:03:11
    Containing block edge cases
  77. Урок 77. 00:03:48
    A look at the updated design
  78. Урок 78. 00:02:48
    More easy wins
  79. Урок 79. 00:11:13
    Setting up the typography
  80. Урок 80. 00:11:20
    Fun with custom properties
  81. Урок 81. 00:09:08
    The testimonial
  82. Урок 82. 00:03:21
    Even more custom properties
  83. Урок 83. 00:11:01
    The corner squares - updated
  84. Урок 84. 00:07:00
    Call to actions
  85. Урок 85. 00:03:30
    Module wrap-up
  86. Урок 86. 00:02:35
    Introduction to Module 3
  87. Урок 87. 00:04:21
    Content vs Layout
  88. Урок 88. 00:02:22
    Remember this?
  89. Урок 89. 00:03:32
    Fixing the problem
  90. Урок 90. 00:13:42
    A deeper look at Flexbox
  91. Урок 91. 00:11:58
    Content vs Layout in action | Introduction
  92. Урок 92. 00:02:40
    Making things more consistent | In Action
  93. Урок 93. 00:02:32
    Styling things up with utility classes | In Action
  94. Урок 94. 00:06:53
    Plug and play | In Action
  95. Урок 95. 00:03:59
    More Dynamic Layouts | In Action
  96. Урок 96. 00:05:36
    Introduction to the final project
  97. Урок 97. 00:07:53
    A look at what we're building
  98. Урок 98. 00:37:06
    Writing the HTML
  99. Урок 99. 00:04:47
    Bringing in, and building out, our reset
  100. Урок 100. 00:15:55
    Styling the typography
  101. Урок 101. 00:01:50
    Making the typography responsive
  102. Урок 102. 00:07:56
    Adding in our spacing
  103. Урок 103. 00:05:31
    More spacing!
  104. Урок 104. 00:03:36
    Adding columns
  105. Урок 105. 00:03:09
    Backgrounds
  106. Урок 106. 00:06:38
    Styling the article previews
  107. Урок 107. 00:03:43
    Making the images responsive
  108. Урок 108. 00:07:35
    The call to action
  109. Урок 109. 00:11:12
    Styling the form elements
  110. Урок 110. 00:03:52
    Form fun from the future!
  111. Урок 111. 00:12:56
    Styling the footer
  112. Урок 112. 00:04:22
    Making the form responsive
  113. Урок 113. 00:18:35
    Styling the header and the navigation
  114. Урок 114. 00:02:23
    Introducing the blog page
  115. Урок 115. 00:09:28
    Starting work on the blog page
  116. Урок 116. 00:10:31
    A solution and the secondary navigation
  117. Урок 117. 00:16:29
    Flexbox vs Grid - and setting up the grid
  118. Урок 118. 00:02:55
    Making the grid responsive
  119. Урок 119. 00:11:13
    Styling the featured article
  120. Урок 120. 00:01:08
    Introduction to the final page
  121. Урок 121. 00:06:21
    A look at the header
  122. Урок 122. 00:08:25
    The main article
  123. Урок 123. 00:07:21
    Challenge #1 | Solution
  124. Урок 124. 00:04:18
    A new challenge!
  125. Урок 125. 00:06:25
    Challenge #2 | Solution
  126. Урок 126. 00:02:18
    The read next area
  127. Урок 127. 00:02:14
    About adding in the links
  128. Урок 128. 00:08:56
    Adding the links and a challenge
  129. Урок 129. 00:04:41
    A solution and styling it up
  130. Урок 130. 00:07:16
    A quick look at performance
  131. Урок 131. 00:02:55
    Getting the links to cover the entire article
  132. Урок 132. 00:02:32
    And that's a wrap!
  133. Урок 133. 00:02:38
    Introduction to Module 4
  134. Урок 134. 00:01:05
    What is tutorial hell?
  135. Урок 135. 00:02:09
    Don't get frustrated if you're stuck
  136. Урок 136. 00:02:24
    It's okay to move backwards
  137. Урок 137. 00:03:09
    Don't compare yourself to others
  138. Урок 138. 00:03:18
    The levels of cognition
  139. Урок 139. 00:04:42
    Different methods of learning
  140. Урок 140. 00:04:30
    Intentional learning
  141. Урок 141. 00:04:49
    Getting to, and through, the applying stage
  142. Урок 142. 00:05:40
    Knowing what you don't know
  143. Урок 143. 00:03:07
    A simple example
  144. Урок 144. 00:08:50
    When we take shortcuts
  145. Урок 145. 00:02:34
    Let's learn together!
  146. Урок 146. 00:10:05
    Taking a first look at it
  147. Урок 147. 00:15:10
    Putting it into action
  148. Урок 148. 00:02:49
    You can't remember everything
  149. Урок 149. 00:06:10
    Less is more
  150. Урок 150. 00:04:27
    You need to start doing
  151. Урок 151. 00:06:37
    Wrap up
  152. Урок 152. 00:05:05
    Introduction to Module 5
  153. Урок 153. 00:05:41
    The next three levels
  154. Урок 154. 00:04:15
    Being your own student
  155. Урок 155. 00:05:26
    Why this works
  156. Урок 156. 00:02:31
    How to teach
  157. Урок 157. 00:13:22
    My first steps
  158. Урок 158. 00:13:05
    Experimentation
  159. Урок 159. 00:11:13
    The next step after you experiment
  160. Урок 160. 00:07:03
    Some examples and ideas
  161. Урок 161. 00:18:02
    Staying on top of things
  162. Урок 162. 00:07:01
    Putting my approach into action
  163. Урок 163. 00:16:18
    Asking questions when you are stuck
  164. Урок 164. 00:09:40
    Moving into the applying stage
  165. Урок 165. 00:03:20
    Vocalizing and analyzing
  166. Урок 166. 00:05:21
    In Action - Wrap up
  167. Урок 167. 00:07:12
    Go public!
  168. Урок 168. 00:08:46
    A look at Dev.to
  169. Урок 169. 00:05:22
    A quick look at getting started with video
  170. Урок 170. 00:04:05
    Finding things and teaching what you've just learned
  171. Урок 171. 00:04:30
    A low stress way to go public
  172. Урок 172. 00:07:19
    Don't try to make things perfect
  173. Урок 173. 00:05:35
    Teach everything you know
  174. Урок 174. 02:00:05
    Live session #1 (November 6, 2020)
  175. Урок 175. 00:12:56
    The Discord Community
  176. Урок 176. 00:03:16
    My software and extensions
  177. Урок 177. 00:04:17
    Using Figma