Organizing CSS first draft

lectures/organizing-css-prep.md

@@ -0,0 +1,34 @@
+# Organizing Your CSS: Prep
+
+## Pre-sessional activities
+
+### Priority
+
+Dave Gray, [CSS Custom Variables & Dark Mode](https://youtu.be/K_M7D0PfOFM),
+YouTube, 28m 14s, 14 Jun 2022.
+
+Dave Gray, “[How to Organize CSS | Beginners BEM
+Tutorial](https://youtu.be/MNPdifWAAa4), YouTube, 20m 32s, 5 Jul 2022.
+
+Lubos Kmetko, “[ITCSS: Scalable and Maintainable CSS
+Architecture](https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/),”
+xfive, Nov 2021.
+
+Maxim Shirsin, “[BEM methodology for small projects](https://www.smashingmagazine.com/2014/07/bem-methodology-for-small-projects/),” Smashing Magazine, 17 Jul 2014.
+
+Andy Bell, “[A (more) modern CSS reset](https://piccalil.li/blog/a-more-modern-css-reset/), Piccalilli, Set Studio, 18 Sept 2023.
+
+### Also recommended
+
+“[Using CSS custom
+properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties),”
+MDN Web Docs, last modified 21 Nov 2024, 
+
+“[Functions](https://web.dev/learn/css/functions),” Learn CSS, Google web.dev,
+4 April 2021.
+
+“[@import](https://developer.mozilla.org/en-US/docs/Web/CSS/@import),” MDN Web Docs, modified 13 Nov 2024.
+
+Browse the outline of [Learn CSS](https://web.dev/learn/css) at from Google’s
+web.dev website to identify CSS concepts and patterns that you are still unsure
+about.