FileMood

Download [FreeCourseSite.com] Udemy - CSS - The Complete Guide (incl. Flexbox, Grid & Sass)

FreeCourseSite com Udemy CSS The Complete Guide incl Flexbox Grid Sass

Name

[FreeCourseSite.com] Udemy - CSS - The Complete Guide (incl. Flexbox, Grid & Sass)

 DOWNLOAD Copy Link

Total Size

3.4 GB

Total Files

600

Hash

8E9EDD43B7631319984492C250EC8BFE1D63E389

/01 Getting Started/

005 Choose Your Track.html

1.1 KB

009 Where to Find the Source Code.html

0.5 KB

010 Useful Resources Links.html

0.8 KB

Lesson 1. Introduction.mp4

6.2 MB

Lesson 2. What is CSS.mp4

6.5 MB

Lesson 3. CSS History, Present & Future.mp4

4.4 MB

Lesson 4. Course Outline.mp4

9.6 MB

Lesson 5. Course Prerequisites.mp4

1.3 MB

Lesson 6. How To Get The Most Out Of This Course.mp4

5.6 MB

Lesson 7. Recommended Tools.mp4

3.0 MB

/.../002 What is CSS/

css-in-action.zip

138.5 KB

/02 Diving Into the Basics of CSS/

023 Useful Resources Links.html

1.4 KB

Lesson 10. Adding CSS to our Project with Inline Styles.mp4

5.2 MB

Lesson 11. Understanding the style Tag & Creating a .css File.mp4

9.5 MB

Lesson 12. Applying Additional Styles & Importing Google Fonts.mp4

9.8 MB

Lesson 13. Theory Time - Selectors.mp4

12.5 MB

Lesson 14. Understanding the Cascading Style & Specificity​.mp4

12.9 MB

Lesson 15. Understanding Inheritance.mp4

11.1 MB

Lesson 16. Adding Combinators.mp4

11.1 MB

Lesson 17. Theory Time - Combinators.mp4

7.6 MB

Lesson 18. Summarizing Properties & Selectors.mp4

8.1 MB

Lesson 19. Wrap Up.mp4

2.9 MB

Lesson 8. Module Introduction.mp4

1.1 MB

Lesson 9. Understanding the Course Project Setup.mp4

3.6 MB

/.../012 Understanding the Course Project Setup/

basics-01-understanding-the-course-project-starting-code.zip

1.5 KB

/.../014 Understanding the style Tag Creating a .css File/

basics-02-understanding-the-style-tag-finished.zip

1.7 KB

css-syntax.pdf

17.3 KB

/.../016 Theory Time - Selectors/

basics-03-theory-time-selectors-finished.zip

1.9 KB

css-selectors.pdf

158.1 KB

/.../017 Understanding the Cascading Style Specifity/

css-specifity.pdf

38.1 KB

/.../018 Understanding Inheritance/

basics-04-understanding-inheritance-finished.zip

1.9 KB

css-inheritance.pdf

81.8 KB

/.../020 Theory Time - Combinators/

basics-05-theory-time-combinators-finished.zip

1.9 KB

css-combinators.pdf

387.8 KB

/.../021 Summarizing Properties Selectors/

css-value-types.pdf

22.4 KB

/.../022 Wrap Up/

css-02-basics-summary.pdf

22.6 KB

/.../023 Useful Resources Links/

basics-01-understanding-the-course-project-starting-code.zip

1.5 KB

basics-02-understanding-the-style-tag-finished.zip

1.7 KB

basics-03-theory-time-selectors-finished.zip

1.9 KB

basics-04-understanding-inheritance-finished.zip

1.9 KB

basics-05-theory-time-combinators-finished.zip

1.9 KB

basics-06-assignment-problem.zip

1.9 KB

basics-07-assignment-solution.zip

1.7 KB

basics-08-project-finished.zip

1.9 KB

/quizzes/

001 Selectors Combinators.html

8.7 KB

/03 Diving Deeper into CSS/

035 display none vs visibility hidden.html

1.8 KB

036 HTML Refresher Block-level vs Inline Elements.html

2.9 KB

049 Useful Resources Links.html

1.5 KB

Lesson 20. Module Introduction.mp4

1.6 MB

Lesson 21. Introducing the CSS Box Model.mp4

6.0 MB

Lesson 22. Understanding the Box Model.mp4

5.6 MB

Lesson 23. Understanding Margin Collapsing and Removing Default Margins.mp4

4.9 MB

Lesson 24. Theory Time - Working with Shorthand Properties.mp4

4.9 MB

Lesson 25. Applying Shorthands in Practice.mp4

4.2 MB

Lesson 26. Diving Into the Height & Width Properties.mp4

11.3 MB

Lesson 27. Understanding Box Sizing.mp4

11.8 MB

Lesson 28. Adding the Header to our Project.mp4

8.7 MB

Lesson 29. Understanding the Display Property.mp4

12.6 MB

Lesson 30. Applying the Display Property & Styling our Navigation Bar.mp4

12.2 MB

Lesson 31. Understanding an Unexpected inline-block Behaviour.mp4

3.8 MB

Lesson 32. Working with text-decoration & vertical-align.mp4

9.9 MB

Lesson 33. Styling Anchor Tags.mp4

6.9 MB

Lesson 34. Adding Pseudo Classes.mp4

2.8 MB

Lesson 35. Theory Time - Pseudo Classes & Pseudo Elements.mp4

10.3 MB

Lesson 36. Grouping Rules.mp4

1.9 MB

Lesson 37. Working with font-weight & border.mp4

4.0 MB

Lesson 38. Adding & Styling a CTA-Button.mp4

7.3 MB

Lesson 39. Adding a Background Image to our Project.mp4

3.3 MB

Lesson 40. Properties Worth to Remember.mp4

1.8 MB

Lesson 41. Wrap Up.mp4

3.4 MB

lesson24.html

2.8 KB

/.../025 Introducing the CSS Box Model/

diving-deeper-01-project-introducing-the-box-model-starting-code.zip

1.9 KB

/.../026 Understanding the Box Model/

css-box-model.pdf

15.4 KB

/.../027 Understanding Margin Collapsing and Removing Default Margins/

css-margin-collapsing.pdf

18.2 KB

/.../029 Theory Time - Working with Shorthand Properties/

css-shorthand-properties.pdf

65.6 KB

/.../033 Adding the Header to our Project/

diving-deeper-02-adding-the-header-starting-code.zip

2.0 KB

diving-deeper-02.01-header-html-code.zip

0.9 KB

/.../038 Understanding an Unexpected inline-block Behaviour/

diving-deeper-03-understanding-an-unexpected-behaviour-finished.zip

2.6 KB

/.../040 Styling Anchor Tags/

diving-deeper-04-styling-anchor-tags-finished.zip

2.3 KB

/.../046 Adding a Background Image to our Project/

diving-deeper-05-adding-a-background-image-finished.zip

352.9 KB

diving-deeper-05.01-background-image.zip

350.9 KB

/.../047 Properties Worth to Remember/

css-properties-worth-remembering.pdf

63.8 KB

/.../048 Wrap Up/

css-03-deep-dive-summary.pdf

27.6 KB

/.../049 Useful Resources Links/

diving-deeper-01-project-introducing-the-box-model-starting-code.zip

1.9 KB

diving-deeper-02-adding-the-header-starting-code.zip

2.0 KB

diving-deeper-02.01-header-html-code.zip

0.9 KB

diving-deeper-03-understanding-an-unexpected-behaviour-finished.zip

2.6 KB

diving-deeper-04-styling-anchor-tags-finished.zip

2.3 KB

diving-deeper-05-adding-a-background-image-finished.zip

352.9 KB

diving-deeper-05.01-background-image.zip

350.9 KB

diving-deeper-06-assignment-problem.zip

1.4 KB

diving-deeper-07-assignment-solution.zip

1.8 KB

diving-deeper-08-project-finished.zip

352.9 KB

/04 More on Selectors CSS Features/

057 Useful Resources Links.html

1.1 KB

Lesson 42. Module Introduction.mp4

1.2 MB

Lesson 43. Using Multiple CSS Classes & Combined Selectors.mp4

14.9 MB

Lesson 44. Classes or IDs.mp4

8.0 MB

Lesson 45. (Not) using !important.mp4

6.4 MB

Lesson 46. Selecting the Opposite with not().mp4

12.0 MB

Lesson 47. CSS & Browser Support.mp4

8.4 MB

Lesson 48. Wrap Up.mp4

1.5 MB

/.../051 Using Multiple CSS Classes Combined Selectors/

more-on-selectors-1-start-code.zip

2.5 KB

more-on-selectors-2-multiple-css-classes.zip

2.7 KB

/.../053 Not using important/

more-on-selectors-3-important.zip

2.6 KB

/.../054 Selecting the Opposite with not/

more-on-selectors-4-finished.zip

2.5 KB

/.../056 Wrap Up/

css-03b-more-selectors-summary.pdf

22.1 KB

/.../057 Useful Resources Links/

more-on-selectors-1-start-code.zip

2.5 KB

more-on-selectors-2-multiple-css-classes.zip

2.7 KB

more-on-selectors-3-important.zip

2.6 KB

more-on-selectors-4-finished.zip

2.5 KB

/quizzes/

002 Rounding up the Basics.html

8.3 KB

/05 Practicing the Basics/

078 Useful Resources Links.html

0.5 KB

Lesson 49. Module Introduction.mp4

1.0 MB

Lesson 50. Adding Style to our Plans.mp4

17.8 MB

Lesson 51. Working on the Recommended Plan.mp4

11.7 MB

Lesson 52. Styling the Badge with border-radius.mp4

6.1 MB

Lesson 53. Styling our List.mp4

6.5 MB

Lesson 54. Working on the Title and the Price of our Packages.mp4

9.2 MB

Lesson 55. Improving our Action Button.mp4

13.7 MB

Lesson 56. Understanding Outlines.mp4

4.6 MB

Lesson 57. Presenting the Core Features to the User.mp4

2.9 MB

Lesson 58. Styling the Headline of the Core Features Section.mp4

7.6 MB

Lesson 59. Preparing the Content of the Key Feature Area.mp4

22.8 MB

Lesson 60. Adding the Footer.mp4

15.1 MB

Lesson 61. What we Achieved so Far.mp4

4.5 MB

Lesson 62. Adding the Packages Page.mp4

13.6 MB

Lesson 63. Your Challenge.mp4

3.1 MB

Lesson 64. Styling the Links.mp4

7.2 MB

Lesson 65. Styling our Package Boxes.mp4

14.4 MB

Lesson 66. Adding float to our Package.mp4

10.5 MB

Lesson 67. Fixing the Hover Effect.mp4

8.9 MB

Lesson 68. Adding the Final Touches.mp4

8.5 MB

/.../059 Adding Style to our Plans/

practicing-basics-01-adding-style-to-plans-starting-code.zip

352.9 KB

practicing-basics-01.01-html-code-plans.zip

1.0 KB

/.../062 Styling our List/

practicing-basics-02-styling-our-list-finished.zip

354.0 KB

/.../065 Understanding Outlines/

practicing-basics-03-understanding-outlines-finished.zip

353.4 KB

/.../066 Presenting the Core Features to the User/

practicing-basics-04-html-code-core-features.zip

0.8 KB

/.../069 Adding the Footer/

practicing-basics-05-adding-the-footer-finished.zip

353.8 KB

practicing-basics-05.01-html-code-footer.zip

0.7 KB

/.../072 Your Challenge/

practicing-basics-06-your-challenge-starting-code.zip

358.6 KB

practicing-basics-06.01-html-code-challenge.zip

1.0 KB

/.../074 Styling our Package Boxes/

practicing-basics-07-styling-our-package-boxes-finished.zip

356.4 KB

/.../078 Useful Resources Links/

practicing-basics-01-adding-style-to-plans-starting-code.zip

352.9 KB

practicing-basics-01.01-html-code-plans.zip

1.0 KB

practicing-basics-02-styling-our-list-finished.zip

354.0 KB

practicing-basics-03-understanding-outlines-finished.zip

353.4 KB

practicing-basics-04-html-code-core-features.zip

0.8 KB

practicing-basics-05-adding-the-footer-finished.zip

353.8 KB

practicing-basics-05.01-html-code-footer.zip

0.7 KB

practicing-basics-06-your-challenge-starting-code.zip

358.6 KB

practicing-basics-06.01-html-code-challenge.zip

1.0 KB

practicing-basics-07-styling-our-package-boxes-finished.zip

356.4 KB

practicing-basics-08-project-finished.zip

355.8 KB

/06 Positioning Elements with CSS/

093 Useful Resources Links.html

1.4 KB

Lesson 69. Module Introduction.mp4

3.4 MB

Lesson 70. Why Positioning will Improve our Website.mp4

5.2 MB

Lesson 71. Understanding Positioning - The Theory.mp4

7.1 MB

Lesson 72. Working with the fixed Value.mp4

17.8 MB

Lesson 73. Creating a Fixed Navigation Bar.mp4

8.8 MB

Lesson 74. Using position to Add a Background Image.mp4

23.6 MB

Lesson 75. Understanding the Z-Index.mp4

17.6 MB

Lesson 76. Adding a Badge to our Package.mp4

49.3 MB

Lesson 77. Styling & Positioning our Badge with absolute and relative.mp4

9.4 MB

Lesson 78. Diving Deeper into Relative Positioning.mp4

9.3 MB

Lesson 79. Working with overflow and Relative Positioning.mp4

7.7 MB

Lesson 80. Introducing sticky Positioning.mp4

13.5 MB

Lesson 81. Understanding the Stacking Context.mp4

10.9 MB

Lesson 82. Wrap Up.mp4

6.3 MB

/.../080 Why Positioning will Improve our Website/

position-01-why-positioning-improves-our-website-starting-code.zip

355.8 KB

/.../082 Working with the fixed Value/

position-02-working-with-fixed-starting-code.zip

0.7 KB

/.../084 Using position to Add a Background Image/

position-03-using-position-to-add-image-finished.zip

1.1 MB

position-03.01-background-image.zip

739.1 KB

/.../087 Styling Positioning our Badge with absolute and relative/

position-04-styling-our-badge-finished.zip

1.1 MB

/.../088 Diving Deeper into Relative Positioning/

position-05-diving-deeper-into-relative-positioning-starting-code.zip

1.1 KB

/.../089 Working with overflow and Relative Positioning/

position-06-working-with-overflow-finished.zip

0.7 KB

/.../090 Introducing sticky Positioning/

position-07-introducing-sticky-positioning-starting-code.zip

1.1 KB

/.../091 Understanding the Stacking Context/

position-08-understanding-stacking-context-starting-code.zip

1.7 KB

/.../093 Useful Resources Links/

css-position-slides.pdf

66.5 KB

position-01-why-positioning-improves-our-website-starting-code.zip

355.8 KB

position-02-working-with-fixed-starting-code.zip

0.7 KB

position-03-using-position-to-add-image-finished.zip

1.1 MB

position-03.01-background-image.zip

739.1 KB

position-04-styling-our-badge-finished.zip

1.1 MB

position-05-diving-deeper-into-relative-positioning-starting-code.zip

1.1 KB

position-06-working-with-overflow-finished.zip

0.7 KB

position-07-introducing-sticky-positioning-starting-code.zip

1.1 KB

position-08-understanding-stacking-context-starting-code.zip

1.7 KB

position-09-assignment-problem.zip

1.1 MB

position-10-assignment-solution.zip

1.1 MB

/quizzes/

003 Are you a position expert.html

9.1 KB

/07 Understanding Background Images Images/

110 Useful Resources Links.html

1.0 KB

Lesson 83. Optional Advanced Track Introduction.mp4

17.9 MB

Lesson 84. Module Introduction.mp4

1.3 MB

Lesson 85. Understanding background-size.mp4

18.8 MB

Lesson 86. Working with background-position.mp4

11.4 MB

Lesson 87. The background Shorthand - Theory.mp4

3.2 MB

Lesson 88. Applying background Origin, Clip & Attachment.mp4

13.4 MB

Lesson 89. Using the background Shorthand on our Project.mp4

4.5 MB

Lesson 90. Styling Images.mp4

16.9 MB

Lesson 91. Adding the Customers Page to our Website.mp4

10.2 MB

Lesson 92. Working on the Image Layout.mp4

24.8 MB

Lesson 93. Understanding Linear Gradients.mp4

13.4 MB

Lesson 94. Applying Radial Gradients.mp4

12.9 MB

Lesson 95. Stacking Multiple Backgrounds.mp4

9.3 MB

Lesson 96. Understanding Filters.mp4

10.3 MB

Lesson 97. Adding & Styling SVGs - The Basics.mp4

13.0 MB

Lesson 98. Wrap Up.mp4

3.5 MB

/.../094 Optional Advanced Track Introduction/

background-images-01-understanding-background-size-starting-code.zip

1.1 MB

/.../096 Understanding background-size/

background-images-01-understanding-background-size-starting-code.zip

1.1 MB

/.../098 The background Shorthand - Theory/

css-background-properties.pdf

33.0 KB

/.../100 Using the background Shorthand on our Project/

background-images-02-using-the-background-shorthand-finished.zip

1.1 MB

/.../101 Styling Images/

background-images-03-styling-images-uhost-icon.zip

10.8 KB

/.../102 Adding the Customers Page to our Website/

background-images-04-adding-customer-page-finished.zip

2.1 MB

background-images-04.01-adding-customer-page-html-code.zip

1.4 KB

background-images-04.02-adding-customer-page-images.zip

1.0 MB

/.../103 Working on the Image Layout/

background-images-05-working-on-the-image-layout-finished.zip

2.1 MB

background-images-05.01-working-on-the-image-layout-css-code.zip

1.0 KB

/.../105 Applying Radial Gradients/

background-images-06-applying-radial-gradients-finished.zip

2.1 MB

/.../108 Adding Styling SVGs - The Basics/

background-images-07-adding-svgs-code.zip

6.0 KB

/.../109 Wrap Up/

css-07-background-summary.pdf

24.0 KB

/.../110 Useful Resources Links/

background-images-01-understanding-background-size-starting-code.zip

1.1 MB

background-images-02-using-the-background-shorthand-finished.zip

1.1 MB

background-images-03-styling-images-uhost-icon.zip

10.8 KB

background-images-04-adding-customer-page-finished.zip

2.1 MB

background-images-04.01-adding-customer-page-html-code.zip

1.4 KB

background-images-04.02-adding-customer-page-images.zip

1.0 MB

background-images-05-working-on-the-image-layout-finished.zip

2.1 MB

background-images-06-applying-radial-gradients-finished.zip

2.1 MB

background-images-07-adding-svgs-code.zip

6.0 KB

background-images-08-project-finished.zip

2.1 MB

/08 Sizes Units/

129 Useful Resources Links.html

0.7 KB

Lesson 100. What's Wrong With Our Project Units.mp4

13.2 MB

Lesson 101. Where Units Matter.mp4

7.4 MB

Lesson 102. An Overview of Available Sizes & Units.mp4

5.4 MB

Lesson 103. Rules to Remember Fixed Positioning & %.mp4

9.5 MB

Lesson 104. Rules to Remember Absolute Positioning & %.mp4

19.0 MB

Lesson 105. Rules to Remember Relative Static Positioning & %.mp4

22.1 MB

Lesson 106. Fixing the Height 100% Issue.mp4

26.2 MB

Lesson 107. Defining the Font Size in the Root Element.mp4

5.2 MB

Lesson 108. Using min-widthheight & max-widthheight.mp4

18.1 MB

Lesson 109. Working with rem & em.mp4

56.7 MB

Lesson 110. Adding rem to Additional Properties.mp4

20.5 MB

Lesson 111. Finishing rem.mp4

14.8 MB

Lesson 112. Understanding the Viewport Units vw &vh.mp4

23.4 MB

Lesson 113. Choosing the Right Unit.mp4

6.6 MB

Lesson 114. Using auto to Center Elements.mp4

3.6 MB

Lesson 115. Cleaning Up our Code.mp4

2.5 MB

Lesson 116. Wrap Up.mp4

6.5 MB

Lesson 99. Module Introduction.mp4

3.2 MB

/.../112 Whats Wrong With Our Project Units/

sizes-units-01-whats-wrong-with-starting-code.zip

2.1 MB

/.../118 Fixing the Height 100 Issue/

sizes-units-02-the-height-100-issue-finished.zip

2.1 MB

/.../121 Working with rem em/

sizes-units-03-working-with-rem-and-em-finished.zip

2.1 MB

/.../123 Finishing rem/

sizes-units-04-finishing-rem-finished.zip

2.1 MB

sizes-units-04.01-finishing-rem-css-code-shared-and-main.zip

2.6 KB

/.../124 Understanding the Viewport Units vw vh/

sizes-units-05-understanding-vh-vw-finished.zip

2.1 MB

/.../129 Useful Resources Links/

css-units-slides.pdf

100.4 KB

sizes-units-01-whats-wrong-with-starting-code.zip

2.1 MB

sizes-units-02-the-height-100-issue-finished.zip

2.1 MB

sizes-units-03-working-with-rem-and-em-finished.zip

2.1 MB

sizes-units-04-finishing-rem-finished.zip

2.1 MB

sizes-units-04.01-finishing-rem-css-code-shared-and-main.zip

2.6 KB

sizes-units-05-understanding-vh-vw-finished.zip

2.1 MB

sizes-units-06-project-finished.zip

2.1 MB

/09 Working with JavaScript CSS/

140 Useful Resources Links.html

0.8 KB

Lesson 117. Module Introduction.mp4

1.5 MB

Lesson 118. Adding a Modal.mp4

16.8 MB

Lesson 119. Selecting & Manipulating Styles with JavaScript.mp4

26.0 MB

Lesson 120. Adding an Event Listener.mp4

15.1 MB

Lesson 121. Adding a Side Navigation Bar.mp4

19.2 MB

Lesson 122. Opening and Closing the Hamburger Menu.mp4

17.8 MB

Lesson 123. Manipulating Element Classes.mp4

17.3 MB

Lesson 124. Understanding Property Notations.mp4

8.3 MB

Lesson 125. Cleaning Up our Code.mp4

16.9 MB

Lesson 126. Wrap Up.mp4

1.6 MB

/.../131 Adding a Modal/

css-and-js-01-adding-a-modal-starting-code.zip

2.1 MB

css-and-js-01.01-adding-a-modal-html-and-css-code.zip

1.6 KB

/.../134 Adding a Side Navigation Bar/

css-and-js-04-adding-a-side-navigation-html-css-code.zip

1.4 KB

/.../135 Opening and Closing the Hamburger Menu/

css-and-js-05-opening-closing-the-hamburger-finished.zip

2.1 MB

/.../139 Wrap Up/

css-09-javascript-and-css-summary.pdf

21.0 KB

/.../140 Useful Resources Links/

css-and-js-01-adding-a-modal-starting-code.zip

2.1 MB

css-and-js-01.01-adding-a-modal-html-and-css-code.zip

1.6 KB

css-and-js-02-assignment-problem.zip

2.1 MB

css-and-js-03-assignment-solution.zip

2.1 MB

css-and-js-04-adding-a-side-navigation-html-css-code.zip

1.4 KB

css-and-js-05-opening-closing-the-hamburger-finished.zip

2.1 MB

css-and-js-06-project-finished.zip

2.1 MB

/10 Making our Website Responsive/

159 Useful Resources Links.html

1.1 KB

Lesson 127. Module Introduction.mp4

2.1 MB

Lesson 128. Why our Project Should Become Responsive.mp4

5.2 MB

Lesson 129. Understanding Hardware Pixels vs. Software Pixels.mp4

23.0 MB

Lesson 130. Comparing the Viewport Metatag (HTML) and Media Queries (CSS).mp4

3.7 MB

Lesson 131. Understanding the viewport Metatag.mp4

38.4 MB

Lesson 132. Designing Websites Mobile First.mp4

2.9 MB

Lesson 133. Adding our First Media Queries.mp4

32.2 MB

Lesson 134. Things to Keep in Mind when Working with Media Queries.mp4

20.2 MB

Lesson 135. Finding the Right Breaking Points.mp4

13.0 MB

Lesson 136. Creating the Mobile First Design for our Plans.mp4

18.9 MB

Lesson 137. Making the Plans Responsive.mp4

27.7 MB

Lesson 138. Your Challenge.mp4

18.7 MB

Lesson 139. Working with Logical Operators.mp4

21.4 MB

Lesson 140. Improving the Customers Page.mp4

130.0 MB

Lesson 141. Improving the Packages Page.mp4

40.4 MB

Lesson 142. Cleaning Up the Navigation Bar.mp4

11.8 MB

Lesson 143. Positioning our Footer Correctly.mp4

32.5 MB

Lesson 144. Wrap Up.mp4

3.0 MB

/.../142 Why our Project Should Become Responsive/

responsive-01-why-our-project-should-starting-code.zip

2.1 MB

/.../145 Understanding the viewport Metatag/

responsive-02-understanding-the-viewport-metatag-finished.zip

2.1 MB

/.../148 Things to Keep in Mind when Working with Media Queries/

responsive-03-things-to-keep-in-mind-finished.zip

2.1 MB

/.../151 Making the Plans Responsive/

responsive-04-making-the-plans-responsive-finished.zip

2.1 MB

/.../152 Your Challenge/

responsive-05-your-challenge-finished.zip

2.1 MB

/.../155 Improving the Packages Page/

responsive-08-improving-the-packages-page-finished.zip

2.1 MB

/.../159 Useful Resources Links/

css-responsive-slides.pdf

48.2 KB

responsive-01-why-our-project-should-starting-code.zip

2.1 MB

responsive-02-understanding-the-viewport-metatag-finished.zip

2.1 MB

responsive-03-things-to-keep-in-mind-finished.zip

2.1 MB

responsive-04-making-the-plans-responsive-finished.zip

2.1 MB

responsive-05-your-challenge-finished.zip

2.1 MB

responsive-06-assignment-problem.zip

2.1 MB

responsive-07-assignment-solution.zip

2.1 MB

responsive-08-improving-the-packages-page-finished.zip

2.1 MB

responsive-09-project-finished.zip

2.1 MB

/11 Adding Styling Forms/

169 Fixing a Broken Link.html

0.7 KB

171 Useful Resources Links.html

0.8 KB

Lesson 145. Module Introduction.mp4

2.5 MB

Lesson 146. Adding the Unstyled Form.mp4

12.4 MB

Lesson 147. Page Initialization.mp4

15.4 MB

Lesson 148. Understanding Advanced Attribute Selectors.mp4

11.2 MB

Lesson 149. Working on the General Layout.mp4

31.8 MB

Lesson 150. Restyling the Form Elements.mp4

14.2 MB

Lesson 151. Styling the Checkbox.mp4

30.9 MB

Lesson 152. Providing Validation Feedback.mp4

20.8 MB

Lesson 153. Styling the Signup Button.mp4

15.1 MB

Lesson 154. Wrap Up.mp4

2.5 MB

/.../161 Adding the Unstyled Form/

forms-01-adding-the-unstyled-form-starting-code.zip

2.1 MB

forms-01.01-adding-the-unstyled-form-html-code.zip

1.7 KB

/.../162 Page Initialization/

forms-02-page-initialization-finished.zip

2.1 MB

/.../166 Styling the Checkbox/

forms-03-styling-the-checkbox-finished.zip

2.1 MB

/.../167 Providing Validation Feedback/

forms-04-providing-validation-feedback-finished.zip

2.1 MB

/.../170 Wrap Up/

css-11-forms-summary.pdf

19.8 KB

/.../171 Useful Resources Links/

forms-01-adding-the-unstyled-form-starting-code.zip

2.1 MB

forms-01.01-adding-the-unstyled-form-html-code.zip

1.7 KB

forms-02-page-initialization-finished.zip

2.1 MB

forms-03-styling-the-checkbox-finished.zip

2.1 MB

forms-04-providing-validation-feedback-finished.zip

2.1 MB

forms-05-project-finished.zip

2.1 MB

/12 Working with Text and Fonts/

189 Useful Resources Links.html

0.8 KB

Lesson 155. Module Introduction.mp4

1.6 MB

Lesson 156. Comparing Generic Families & Font Families.mp4

3.6 MB

Lesson 157. Understanding the Browser Settings.mp4

8.4 MB

Lesson 158. Using the Default Font Families.mp4

18.2 MB

Lesson 159. Understanding the font-family Syntax.mp4

27.3 MB

Lesson 160. Working with Locally Saved Fonts.mp4

11.3 MB

Lesson 161. Working with Google Fonts.mp4

50.7 MB

Lesson 162. Understanding Font Faces & font-style.mp4

15.9 MB

Lesson 163. Importing our Custom Fonts.mp4

20.7 MB

Lesson 164. Understanding Font Formats.mp4

9.9 MB

Lesson 165. Diving into Font Properties.mp4

7.9 MB

Lesson 166. Adding letter-spacing.mp4

13.9 MB

Lesson 167. Changing the Line Height.mp4

18.2 MB

Lesson 168. Applying text-decoration & text-shadow.mp4

18.0 MB

Lesson 169. Understanding the font Shorthand.mp4

21.2 MB

Lesson 170. Loading Performance & font-display.mp4

23.1 MB

Lesson 171. Wrap Up.mp4

7.3 MB

/.../174 Understanding the Browser Settings/

fonts-01-understanding-the-browser-settings-starting-code.zip

2.1 MB

/.../178 Working with Google Fonts/

fonts-02-working-with-google-fonts-finished.zip

2.1 MB

/.../180 Importing our Custom Fonts/

fonts-03-importing-our-own-fonts-finished.zip

2.3 MB

fonts-03.01-importing-our-own-fonts-custom-font-ttf.zip

270.2 KB

/.../181 Understanding Font Formats/

fonts-04-understanding-font-formats-finished.zip

2.3 MB

/.../183 Adding letter-spacing/

fonts-05-understanding-letter-spacing-finished.zip

2.3 MB

/.../185 Applying text-decoration text-shadow/

fonts-06-applying-text-decoration-finished.zip

2.3 MB

/.../189 Useful Resources Links/

css-fonts-slides.pdf

135.0 KB

fonts-01-understanding-the-browser-settings-starting-code.zip

2.1 MB

fonts-02-working-with-google-fonts-finished.zip

2.1 MB

fonts-03-importing-our-own-fonts-finished.zip

2.3 MB

fonts-03.01-importing-our-own-fonts-custom-font-ttf.zip

270.2 KB

fonts-04-understanding-font-formats-finished.zip

2.3 MB

fonts-05-understanding-letter-spacing-finished.zip

2.3 MB

fonts-06-applying-text-decoration-finished.zip

2.3 MB

fonts-07-project-finished.zip

2.3 MB

/13 Adding Flexbox to our Project/

209 Useful Resources Links.html

1.0 KB

Lesson 172. Optional Expert Track Introduction.mp4

21.0 MB

Lesson 173. Module Introduction.mp4

1.8 MB

Lesson 174. How we Could Improve our Project.mp4

7.0 MB

Lesson 175. Understanding Flexbox.mp4

4.0 MB

Lesson 176. Creating a Flex Container.mp4

10.4 MB

Lesson 177. Using flex-direction & flex-wrap.mp4

11.0 MB

Lesson 178. Understanding the Importance of Main Axis & Cross Axis.mp4

11.5 MB

Lesson 179. Working with align-items & justify-content.mp4

19.5 MB

Lesson 180. And What About align-content.mp4

5.6 MB

Lesson 181. Improving the Navigation Bar with Flexbox.mp4

30.9 MB

Lesson 182. Your Challenge - Working on the Mobile Navigation Bar.mp4

10.3 MB

Lesson 183. Improving the Footer.mp4

16.0 MB

Lesson 184. Adding Flexbox to the Customers Page.mp4

9.0 MB

Lesson 185. Using the order Property for a Flex Item.mp4

12.0 MB

Lesson 186. Working with align-self.mp4

5.2 MB

Lesson 187. Understanding flex-grow.mp4

15.9 MB

Lesson 188. Applying flex-shrink.mp4

6.5 MB

Lesson 189. Comparing flex-basis vs width & height.mp4

16.8 MB

Lesson 190. Wrap Up.mp4

5.8 MB

/.../190 Optional Expert Track Introduction/

flexbox-01-how-we-could-improve-starting-code.zip

2.3 MB

/.../192 How we Could Improve our Project/

flexbox-01-how-we-could-improve-starting-code.zip

2.3 MB

/.../194 Creating a Flex Container/

flexbox-02-creating-a-flex-container-starting-code.zip

0.8 KB

/.../196 Understanding the Importance of Main Axis Cross Axis/

flexbox-03-understanding-the-importance-main-cross-finished.zip

0.8 KB

/.../198 And What About align-content/

flexbox-04-and-what-about-align-content-finished.zip

0.9 KB

/.../199 Improving the Navigation Bar with Flexbox/

flexbox-05-improving-the-navigation-bar-starting-code.zip

2.3 MB

/.../200 Your Challenge - Working on the Mobile Navigation Bar/

flexbox-06-your-challenge-finished.zip

2.3 MB

/.../201 Improving the Footer/

flexbox-07-improving-the-footer-finished.zip

2.3 MB

/.../203 Using the order Property for a Flex Item/

flexbox-10-using-the-order-property-starting-code.zip

0.9 KB

/.../209 Useful Resources Links/

css-flexbox-slides.pdf

54.3 KB

flexbox-01-how-we-could-improve-starting-code.zip

2.3 MB

flexbox-02-creating-a-flex-container-starting-code.zip

0.8 KB

flexbox-03-understanding-the-importance-main-cross-finished.zip

0.8 KB

flexbox-04-and-what-about-align-content-finished.zip

0.9 KB

flexbox-05-improving-the-navigation-bar-starting-code.zip

2.3 MB

flexbox-06-your-challenge-finished.zip

2.3 MB

flexbox-07-improving-the-footer-finished.zip

2.3 MB

flexbox-08-assignment-problem.zip

2.3 MB

flexbox-09-assignment-solution.zip

2.3 MB

flexbox-10-using-the-order-property-starting-code.zip

0.9 KB

flexbox-11-project-finished.zip

2.3 MB

/quizzes/

004 Time for another quiz - are you a Flexbox expert already.html

9.8 KB

/14 Using the CSS Grid/

237 Useful Resources Links.html

0.7 KB

Lesson 191. Module Introduction.mp4

1.4 MB

Lesson 192. What is the CSS Grid.mp4

1.9 MB

Lesson 193. Getting Started.mp4

3.5 MB

Lesson 194. Turning a Container into a Grid.mp4

5.2 MB

Lesson 195. Defining Columns & Rows.mp4

9.2 MB

Lesson 196. Positioning Child Elements in a Grid.mp4

7.7 MB

Lesson 197. Using element-sizing, repeat & minmax.mp4

12.5 MB

Lesson 198. Advanced Element Positioning.mp4

12.6 MB

Lesson 199. Working with Named Lines.mp4

7.5 MB

Lesson 200. Understanding Column & Row Shorthands.mp4

5.2 MB

Lesson 201. Working with Gaps.mp4

5.1 MB

Lesson 202. Adding Named Template Areas.mp4

14.7 MB

Lesson 203. Creating Automatically Generated Grid Areas.mp4

14.2 MB

Lesson 204. Using the Grid on our Project.mp4

24.6 MB

Lesson 205. Working with fit-content.mp4

19.9 MB

Lesson 206. Positioning Grid Elements.mp4

14.2 MB

Lesson 207. Positioning the Entire Grid Content.mp4

18.3 MB

Lesson 208. Positioning Elements Individually.mp4

8.9 MB

Lesson 209. Understanding Responsive Grids.mp4

12.4 MB

Lesson 210. Applying Autoflow.mp4

13.8 MB

Lesson 211. Comparing the Explicit & Implicit Grid.mp4

5.1 MB

Lesson 212. Understanding auto-fill & auto-fit.mp4

11.7 MB

Lesson 213. Creating a Dense Grid.mp4

7.9 MB

Lesson 214. Styling the Project Form with Grid.mp4

24.4 MB

Lesson 215. Comparing Grid & Flexbox.mp4

5.9 MB

Lesson 216. Next Steps.mp4

9.8 MB

Lesson 217. Wrap Up.mp4

7.4 MB

/.../212 Getting Started/

grid-01-using-the-grid-on-our-projectstarting-code.zip

2.3 MB

/.../215 Positioning Child Elements in a Grid/

grid-02-positioning-child-elements.zip

2.6 KB

/.../216 Using element-sizing repeat minmax/

grid-03-repeat-minmax.zip

2.5 KB

/.../218 Working with Named Lines/

grid-04-added-line-names.zip

2.5 KB

/.../220 Working with Gaps/

grid-07-working-with-gaps.zip

2.6 KB

/.../221 Adding Named Template Areas/

grid-08-adding-named-template-areas.zip

2.8 KB

/.../222 Creating Automatically Generated Grid Areas/

grid-11-auto-area.zip

2.7 KB

/.../223 Using the Grid on our Project/

grid-12-grid-in-project-first-steps.zip

2.3 MB

/.../224 Working with fit-content/

grid-13-fit-content.zip

2.3 MB

/.../227 Positioning Elements Individually/

grid-14-grid-alignment.zip

3.3 KB

/.../228 Understanding Responsive Grids/

grid-15-responsive.zip

2.6 KB

/.../229 Applying Autoflow/

grid-16-prepared-auto-lectures.zip

2.9 KB

grid-17-applying-autoflow.zip

2.8 KB

/.../231 Understanding auto-fill auto-fit/

grid-18-autofill-autofit.zip

2.7 KB

/.../232 Creating a Dense Grid/

grid-19-dense-grid.zip

2.7 KB

/.../233 Styling the Project Form with Grid/

grid-20-project-finished.zip

2.3 MB

/.../236 Wrap Up/

css-14-grid-summary.pdf

23.7 KB

css-grid.pdf

385.5 KB

/.../237 Useful Resources Links/

css-grid.pdf

385.5 KB

grid-01-using-the-grid-on-our-projectstarting-code.zip

2.3 MB

grid-02-positioning-child-elements.zip

2.6 KB

grid-03-repeat-minmax.zip

2.5 KB

grid-04-added-line-names.zip

2.5 KB

grid-05-assignment-1-start.zip

2.2 KB

grid-06-assignment-1-solution.zip

2.5 KB

grid-07-working-with-gaps.zip

2.6 KB

grid-08-adding-named-template-areas.zip

2.8 KB

grid-09-assignment-2-start.zip

2.5 KB

grid-10-assignment-2-solution.zip

2.6 KB

grid-11-auto-area.zip

2.7 KB

grid-12-grid-in-project-first-steps.zip

2.3 MB

grid-13-fit-content.zip

2.3 MB

grid-14-grid-alignment.zip

3.3 KB

grid-15-responsive.zip

2.6 KB

grid-16-prepared-auto-lectures.zip

2.9 KB

grid-17-applying-autoflow.zip

2.8 KB

grid-18-autofill-autofit.zip

2.7 KB

grid-19-dense-grid.zip

2.7 KB

grid-20-project-finished.zip

2.3 MB

/15 Transforming Elements with CSS Transforms/

249 Useful Resources Links.html

0.7 KB

Lesson 218. Module Introduction.mp4

581.6 KB

Lesson 219. Rotating Elements and setting transform-origin.mp4

8.7 MB

Lesson 220. Using Rotate and Translate.mp4

12.9 MB

Lesson 221. Working with skew and scale.mp4

15.8 MB

Lesson 222. Applying Transformation Shorthands.mp4

5.6 MB

Lesson 223. Rotating Elements in 3 Dimensions.mp4

6.7 MB

Lesson 224. Understanding the perspective Property.mp4

6.5 MB

Lesson 225. Moving Elements along the Z-Axis with translateZ.mp4

7.1 MB

Lesson 226. Rotating the Container with transform style.mp4

6.6 MB

Lesson 227. Flipping Elements & backface-visibility.mp4

2.1 MB

Lesson 228. Wrap Up.mp4

1.6 MB

/.../240 Using Rotate and Translate/

transforms-01-rotate-and-translate.zip

2.3 MB

/.../241 Working with skew and scale/

transforms-02-skew-scale.zip

2.3 MB

/.../242 Applying Transformation Shorthands/

transforms-03-shorthands.zip

2.3 MB

/.../243 Rotating Elements in 3 Dimensions/

css-transform-rotate.pdf

37.9 KB

transforms-4-3d-starting-code.zip

2.5 KB

transforms-5-rotate-3d.zip

2.4 KB

/.../244 Understanding the perspective Property/

transforms-6-added-perspective.zip

2.5 KB

/.../245 Moving Elements along the Z-Axis with translateZ/

transforms-7-translatez.zip

2.4 KB

/.../247 Flipping Elements backface-visibility/

transforms-8-finished.zip

2.5 KB

/.../248 Wrap Up/

css-15-transform-summary.pdf

20.8 KB

/.../249 Useful Resources Links/

transforms-01-rotate-and-translate.zip

2.3 MB

transforms-02-skew-scale.zip

2.3 MB

transforms-03-shorthands.zip

2.3 MB

transforms-4-3d-starting-code.zip

2.5 KB

transforms-5-rotate-3d.zip

2.4 KB

transforms-6-added-perspective.zip

2.5 KB

transforms-7-translatez.zip

2.4 KB

transforms-8-finished.zip

2.5 KB

/16 Transitions Animations in CSS/

252 CSS transition Property Deep Dive.html

2.8 KB

256 CSS animation Property Deep Dive.html

4.0 KB

261 Useful Resources Links.html

1.0 KB

Lesson 229. Module Introduction.mp4

393.9 KB

Lesson 230. Understanding and Applying Transitions.mp4

14.4 MB

Lesson 231. Working with Timing Functions.mp4

5.0 MB

Lesson 232. Transitions & display.mp4

17.2 MB

Lesson 233. Using CSS Animations.mp4

20.7 MB

Lesson 234. Adding Multiple Keyframes.mp4

8.3 MB

Lesson 235. Adding Animations to our Customers Page.mp4

9.4 MB

Lesson 236. Using JavaScript Animation Event Listeners.mp4

9.9 MB

Lesson 237. Wrap Up.mp4

2.2 MB

/.../251 Understanding and Applying Transitions/

animations-1-applying-transitions.zip

2.3 MB

/.../253 Working with Timing Functions/

animations-2-timing-functions.zip

2.3 MB

/.../254 Transitions display/

animations-3-transition-and-display.zip

2.3 MB

/.../255 Using CSS Animations/

animations-5-animations-keyframes.zip

2.3 MB

/.../257 Adding Multiple Keyframes/

animations-6-multiple-keyframes.zip

2.3 MB

/.../258 Adding Animations to our Customers Page/

animations-7-customers-animations.zip

2.3 MB

/.../259 Using JavaScript Animation Event Listeners/

animations-9-finished.zip

2.3 MB

/.../260 Wrap Up/

css-16-animations-summary.pdf

20.7 KB

/.../261 Useful Resources Links/

animations-1-applying-transitions.zip

2.3 MB

animations-2-timing-functions.zip

2.3 MB

animations-3-transition-and-display.zip

2.3 MB

animations-4-assignment-1-solution.zip

2.3 MB

animations-5-animations-keyframes.zip

2.3 MB

animations-6-multiple-keyframes.zip

2.3 MB

animations-7-customers-animations.zip

2.3 MB

animations-8-assignment-2-solution.zip

2.3 MB

animations-9-finished.zip

2.3 MB

/17 Writing Future-Proof CSS Code/

273 Useful Resources Links.html

1.5 KB

Lesson 238. Module Introduction.mp4

923.0 KB

Lesson 239. CSS Modules & Their Working Groups.mp4

6.9 MB

Lesson 240. Using CSS Variables.mp4

19.1 MB

Lesson 241. Understanding & Using Vendor Prefixes.mp4

10.7 MB

Lesson 242. Which Prefixes Should You Use.mp4

23.4 MB

Lesson 243. Detecting Browser Support with @supports.mp4

17.8 MB

Lesson 244. Polyfills.mp4

5.8 MB

Lesson 245. Eliminating Cross-Browser Inconsistencies.mp4

5.6 MB

Lesson 246. How to Name CSS Classes.mp4

7.0 MB

Lesson 247. Vanilla CSS vs Frameworks.mp4

13.2 MB

Lesson 248. Wrap Up.mp4

6.4 MB

/.../264 Using CSS Variables/

future-proof-1-css-variables.zip

2.3 MB

/.../266 Which Prefixes Should You Use/

future-proof-2-vendor-prefixes.zip

2.3 MB

/.../267 Detecting Browser Support with supports/

future-proof-3-finished.zip

2.3 MB

/.../271 Vanilla CSS vs Frameworks/

css-17-future-css.pdf

1.2 MB

/.../272 Wrap Up/

css-17-future-css.pdf

1.2 MB

future-proof-1-css-variables.zip

2.3 MB

future-proof-2-vendor-prefixes.zip

2.3 MB

future-proof-3-finished.zip

2.3 MB

/18 Introducing Sass Syntactically Awesome Style Sheets/

290 Useful Resources Links.html

0.4 KB

Lesson 249. Module Introduction.mp4

767.3 KB

Lesson 250. What is Sass & Scss.mp4

4.2 MB

Lesson 251. Installing Sass.mp4

13.5 MB

Lesson 252. Things to be Improved with Sass.mp4

3.8 MB

Lesson 253. Nesting Selectors.mp4

12.9 MB

Lesson 254. Adding Nested Properties.mp4

3.0 MB

Lesson 255. Understanding Variables.mp4

6.4 MB

Lesson 256. Storing Lists & Maps in Variables.mp4

26.8 MB

Lesson 257. Built-In Functions.mp4

19.6 MB

Lesson 258. Adding Simple Arithmetics.mp4

5.3 MB

Lesson 259. Adding Better Import and Partials.mp4

15.2 MB

Lesson 260. Improving Media Queries.mp4

5.2 MB

Lesson 261. Understanding Inheritance.mp4

7.6 MB

Lesson 262. Adding Mixins.mp4

13.8 MB

Lesson 263. Using the Ampersand Operator.mp4

6.8 MB

Lesson 264. Wrap Up.mp4

5.3 MB

/.../276 Installing Sass/

sass-01-installing-sass-starting-code.zip

4.1 KB

/.../280 Understanding Variables/

sass-02-understanding-variables-finished.zip

4.0 KB

/.../284 Adding Better Import and Partials/

sass-05-adding-better-import-and-partials-finished.zip

4.4 KB

/.../286 Understanding Inheritance/

sass-06-understanding-inheritance-finished.zip

4.4 KB

/.../290 Useful Resources Links/

sass-01-installing-sass-starting-code.zip

4.1 KB

sass-02-understanding-variables-finished.zip

4.0 KB

sass-03-assignment-problem.zip

4.1 KB

sass-04-assignment-solution.zip

4.1 KB

sass-05-adding-better-import-and-partials-finished.zip

4.4 KB

sass-06-understanding-inheritance-finished.zip

4.4 KB

sass-07-project-finished.zip

4.5 KB

/19 Course Roundup/

Lesson 265. Course Roundup.mp4

4.7 MB

/

[CourseClub.NET].txt

1.2 KB

[CourseClub.NET].url

0.1 KB

[FreeCourseSite.com].txt

1.1 KB

[FreeCourseSite.com].url

0.1 KB

 

Total files 600


Copyright © 2024 FileMood.com