Become the CSS Hero of Your Office with CSS Architecture - nsymester/Front-end-Engineering-Journal GitHub Wiki
Below are notes from the Sitepoint Premium lesson found at www.sitepoint.com/premium/courses/become-the-css-hero-of-your-office-with-css-architecture-2969.
Lesson 1
CSS Architecture - http://tinyurl.com/css-arch-01
Best of Fluent 2012: Maintainable JavaScript - http://tinyurl.com/css-arch-02
CSS Architecture for Design Systems - http://tinyurl.com/css-arch-03
Thoughtful CSS Architecture - http://tinyurl.com/css-arch-04
Lesson 2
UnCSS - https://github.com/giakki/uncss
Performance Impact of CSS Selectors - http://tinyurl.com/css-arch-05
CSS performance revisited: selectors, bloat and expensive styles - http://tinyurl.com/css-arch-06
Writing efficient CSS selectors - http://tinyurl.com/css-arch-07
Improving CSS Performance - http://tinyurl.com/css-arch-08
Naming classes
High-level advice and guidelines for writing sane, manageable, scalable CSS - http://cssguidelin.es
Block Element Modifier is a methodology that helps you to create reusable components and code sharing in front-end development - http://getbem.com
BEM - http://en.bem.info - most comprehensive
Different conventions -https://www.sitepoint.com/title-css-simple-approach-css-class-naming/
OOCSS - you can scale the stylesheets of a thousand pages with it. Any repeating visual pattern can become a CSS object for the purpose of reusability. [READ GUIDELINES]
Unit conversion
Understanding pixels and other CSS units - http://tinyurl.com/css-arch-04
Unit-less values
Unitless CSS Lengths - https://wiki.mozilla.org/Unitless_CSS_Lengths
Lesson 3
What is the Single Responsibility Principle? - https://en.wikipedia.org/wiki/Single_responsibility_principle
The Benefits of Inheritance via @extend in Sass - http://tinyurl.com/css-arch-10
SOLID Object Oriented Principles And CSS: Part 1 - http://tinyurl.com/css-arch-11
Single Responsibility - http://tinyurl.com/css-arch-12
The single responsibility principle applied to CSS - http://tinyurl.com/css-arch-13
SOLID CSS - http://tinyurl.com/css-arch-14
The Open/Closed Principle - http://tinyurl.com/css-arch-15
Worth reading to improve your CSS structure
Dealing With Constants In Sass - https://www.sitepoint.com/dealing-constants-sass/
Abstractions in SASS
The Benefits of Inheritance via @extend in Sass - http://tinyurl.com/css-arch-16
Sass Basics: The Sass Mixin Directive - http://tinyurl.com/css-arch-17
Separation of concerns
Writing DRYer vanilla CSS - http://tinyurl.com/css-arch-18
Separating Style Concerns - http://tinyurl.com/css-arch-19
ITCSS - http://itcss.io - A sane, scalable, managed CSS architecture from CSS Wizardry
Manage large CSS projects with ITCSS - http://tinyurl.com/css-arch-itcss
Awesome ITCSS - https://github.com/ahmadajmi/awesome-itcss
INUITCSS - https://github.com/inuitcss/inuitcss
Lesson 4
To Reset or Not Reset — That’s the CSS Question - https://www.sitepoint.com/css-resets-useful-or-useless/
normalize.css - https://github.com/necolas/normalize.css
Eric Myers CSS reset 2.0
HTML5 reset
Frameworks
Normalize.css - https://getbootstrap.com/docs/3.3/css/#overview-normalize
Lesson 5
The super fast color schemes generator! - http://coolors.co
Beautiful colored gradients - https://uigradients.com