diff --git a/lectures/organizing-css-prep.md b/lectures/organizing-css-prep.md new file mode 100644 index 0000000..0da305c --- /dev/null +++ b/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.