└── README.md


/README.md:
--------------------------------------------------------------------------------
  1 | ## CSS Resources Compilation
  2 | 
  3 | ### 📺 Youtube
  4 | 
  5 | #### CSS Basic
  6 | [CSS Crash Course For Absolute Beginners By Traversy Media](https://youtu.be/yfoY53QXEnI)
  7 | 
  8 | [HTML & CSS Tutorial for Beginners](https://www.youtube.com/watch?v=8gNrZ4lAnAw)
  9 | 
 10 | [Learn HTML5 and CSS3 For Beginners - Crash Course by DevEd](https://www.youtube.com/watch?v=vQWlgd7hV4A)
 11 | 
 12 | [Kevin Powell Youtube](https://www.youtube.com/@KevinPowell)
 13 | 
 14 | [Designing Intrinsic Layouts by Jen Simmons](https://www.youtube.com/watch?v=AMPKmh98XLY&ab_channel=AnEventApart)
 15 | 
 16 | [Intrinsic CSS with Container Queries and Units with Miriam Suzanne](https://www.youtube.com/watch?v=uumZV98zHt8&t=684s&ab_channel=JamstackTV)
 17 | 
 18 | 
 19 | #### Sass / SCSS
 20 | [SCSS Crash Course](https://www.youtube.com/watch?v=roywYSEPSvc)
 21 | 
 22 | [Sass Tutorial for Beginners - CSS With Superpowers](https://www.youtube.com/watch?v=_a5j7KoflTs)
 23 | 
 24 | #### Flexbox
 25 | [Flexbox CSS In 20 Minutes by Traversy Media](https://www.youtube.com/watch?v=JJSoEo8JSnc)
 26 | 
 27 | [Learn Flexbox in 15 Minutes by Web Dev Simplified](https://www.youtube.com/watch?v=fYq5PXgSsbE)
 28 | 
 29 | [CSS Flexbox Tutorial by TheNetNinja](https://www.youtube.com/watch?v=Y8zMYaD1bz0&list=PL4cUxeGkcC9i3FXJSUfmsNOx8E7u6UuhG)
 30 | 
 31 | 
 32 | #### Grid
 33 | 
 34 | [CSS Grid Layout Crash Course by Traversy Media](https://www.youtube.com/watch?v=jV8B24rSN5o)
 35 | 
 36 | #### CSS Animations
 37 | 
 38 | [The Only 2 CSS Properties You Should Animate *](https://www.youtube.com/watch?v=N5EW4HnF6FU)
 39 | 
 40 | [CSS Animation - DevTips](https://www.youtube.com/watch?v=8kK-cA99SA0&list=PLqGj3iMvMa4LvJ8VctoXnPI0dtE40wfid)
 41 | 
 42 | [CSS Animation Tutorial by TheNetNinja](https://www.youtube.com/watch?v=jgw82b5Y2MU&list=PL4cUxeGkcC9iGYgmEd2dm3zAKzyCGDtM5)
 43 | 
 44 | [Animating with CSS Transitions by Kevin Powell](https://www.youtube.com/watch?v=Nloq6uzF8RQ)
 45 | 
 46 | ---
 47 | 
 48 | ### 📄 Docs, Articles
 49 | 
 50 | #### CSS Reference
 51 | 
 52 | [Mozilla Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS)
 53 | 
 54 | [CSS Reference](https://cssreference.io/)
 55 | 
 56 | [CSS Dev Docs](https://devdocs.io/css/)
 57 | 
 58 | [CSS Reference - Codrops](https://tympanus.net/codrops/css_reference/)
 59 | 
 60 | 
 61 | #### Layout
 62 | 
 63 | [Flexbox - CSS Tricks](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
 64 | 
 65 | [CSS Grid - CSS Tricks](https://css-tricks.com/snippets/css/complete-guide-grid/)
 66 | 
 67 | [CSS Flexbox Playground by Gabi](https://codepen.io/enxaneta/pen/adLPwv)
 68 | 
 69 | [Flexbox Froggy](https://flexboxfroggy.com/)
 70 | 
 71 | [CSS Grid Garden](https://cssgridgarden.com/)
 72 | 
 73 | 
 74 | #### CSS Animations
 75 | 
 76 | [Using CSS Animation - MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations)
 77 | 
 78 | [Animation - CSS Tricks](https://css-tricks.com/almanac/properties/a/animation/)
 79 | 
 80 | 
 81 | #### CSS Preprocessors
 82 | 
 83 | [Sass](https://sass-lang.com/)
 84 | 
 85 | [CSS Preprocessors Examples](https://raygun.com/blog/css-preprocessors-examples/)
 86 | 
 87 | 
 88 | #### Media Queries
 89 | [mediaqueri.es](https://mediaqueri.es/)
 90 | 
 91 | ---
 92 | 
 93 | ### Modern CSS
 94 | 
 95 | #### Fluid Typography
 96 | [Fluid Typography Calculator](https://royalfig.github.io/fluid-typography-calculator/)
 97 | 
 98 | [Utopia](https://utopia.fyi/)
 99 | 
100 | #### Container Queries
101 | [CSS container queries by Ahmad Shaheed](https://ishadeed.com/article/container-queries-are-finally-here/)
102 | 
103 | #### Modern CSS
104 | [SmolCSS by Stephanie Eckles](https://smolcss.dev/)
105 | 
106 | [ModernCSS by Stephanie Eckles](https://moderncss.dev/)
107 | 
108 | [Intrinsic Web Design by Stephanie Eckles](https://moderncss.dev/contextual-spacing-for-intrinsic-web-design/)
109 | 
110 | ---
111 | 
112 | ### 💻 Online Courses
113 | 
114 | [Web Basics - FreeCodeCamp](https://learn.freecodecamp.org/responsive-web-design/basic-css)
115 | 
116 | [Learn CSS - Codecademy](https://www.codecademy.com/learn/learn-css)
117 | 
118 | [CSS Grid by Wes Bos](https://cssgrid.io/)
119 | 
120 | 
121 | 


--------------------------------------------------------------------------------