People to keep an eye on: Harry Roberts • Jonathan Snook • Mark Otto
Other lists to keep an eye on: Scalable CSS Reading List • Awesome CSS
- http://nicolasgallagher.com/about-html-semantics-front-end-architecture/
- http://philipwalton.com/articles/css-architecture/
- http://www.sitepoint.com/series/css-architectures/
- http://engineering.appfolio.com/2012/11/16/css-architecture/
- [pt-br] https://medium.com/@shankarcabus/css-escalavel-parte-1-41e7e863799e
- [pt-br] https://medium.com/@shankarcabus/css-escalavel-parte-2-acb9f0144c9d
- [pt-br] https://medium.com/@shankarcabus/css-escalavel-parte-3-b970ae49acb7
- [pt-br] https://medium.com/@shankarcabus/css-escalavel-parte-final-ff845a62ec4a
- http://drewbarontini.com/articles/everything-is-a-module/
- https://speakerdeck.com/sugarenia/xxlcss-how-to-scale-css-and-keep-your-sanity
- https://www.ckl.io/blog/css-architecture-first-steps/
- https://blog.prototypr.io/evolving-product-css-from-dinosaur-to-juicy-snake-4e4392fce8e8
- http://bradfrost.com/blog/post/css-architecture-for-design-systems/
- https://seesparkbox.com/foundry/thoughtful_css_architecture
- https://speakerdeck.com/csswizardry/css-for-software-engineers-for-css-developers
- http://blog.millermedeiros.com/solid-css/
- http://drewbarontini.com/articles/single-responsibility/
- http://csswizardry.com/2015/06/contextual-styling-ui-components-nesting-and-implementation-detail/
- http://csswizardry.com/2015/04/cyclomatic-complexity-logic-in-css/
- http://csswizardry.com/2015/03/immutable-css/
- http://snugug.com/musings/css-strategy
- http://www.kapowaz.net/articles/cargo-cult-css
- http://mrmrs.io/writing/2016/03/24/scalable-css/
- http://alistapart.com/article/meaningful-css-style-like-you-mean-it
- http://sixrevisions.com/css/css-methodologies/
- http://clubmate.fi/oocss-acss-bem-smacss-what-are-they-what-should-i-use/
- http://www.sitepoint.com/atomic-oobemitscss/
- http://viget.com/inspire/css-squareoff
- [pt-br] https://speakerdeck.com/rafaelrinaldi/arquitetura-css
- [pt-br] http://tableless.com.br/oocss-smacss-bem-dry-css-afinal-como-escrever-css/
- SMACSS: https://smacss.com/
- OOCSS: https://github.com/stubbornella/oocss/
- BEM: http://bem.info/
- DRY: http://vimeo.com/38063798
- MVCSS: http://mvcss.github.io/
- ComponentCSS: http://componentcss.com/
- CCSS: http://sathify.github.io/CCSS/
- DoCSSa: http://mlarcher.github.io/docssa/
- MCSS: http://operatino.github.io/MCSS/en/
- AMCSS: http://amcss.github.io/
- ITCSS: https://speakerdeck.com/dafed/managing-css-projects-with-itcss
- CSS For Grownups: https://speakerdeck.com/andyhume/css-for-grown-ups-maturing-best-practises-sxsw-2012
- f(CSS): http://www.jon.gold/2015/07/functional-css/
- Enduring CSS: http://ecss.io/slides1/#/
- rscss: http://rscss.io/
- Title CSS: http://www.sitepoint.com/title-css-simple-approach-css-class-naming/
- Classy CSS: http://una.im/classy-css/
- MaintanableCSS: http://maintainablecss.com/
- Atomic CSS: http://www.smashingmagazine.com/2013/10/21/challenging-css-best-practices-atomic-approach/
- CSS Bliss: https://github.com/gilbox/css-bliss
- http://cssguidelin.es/
- https://github.com/necolas/idiomatic-css
- https://css-tricks.com/css-style-guides/
- http://sass-guidelin.es/
- http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml
- http://mdo.github.io/code-guide/
- http://primercss.io/guidelines/
- https://github.com/chris-pearce/css-guidelines
- https://make.wordpress.org/core/handbook/coding-standards/css/
- https://web-design-weekly.com/2015/07/21/creating-better-css/
- https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Writing_efficient_CSS
- [pt-br] http://tableless.com.br/principios-para-escrever-css-de-forma-consistente
- http://gotofritz.net/blog/geekery/structuring-css/
- http://learn.shayhowe.com/advanced-html-css/performance-organization/
- https://github.com/byrichardpowell/CSS-Style
- http://pointnorth.io/
- https://blog.colepeters.com/some-things-ive-learned-about-css-so-far/
- http://workmanship.io/
- https://www.smashingmagazine.com/2016/01/variables-in-css-architecture/
- Salesforce: https://medium.com/salesforce-ux/building-an-enterprise-framework-is-hard-1e8d8b33e082
- GitHub: http://markdotto.com/2014/07/23/githubs-css/
- CodePen: http://codepen.io/chriscoyier/blog/codepens-css
- Medium: https://medium.com/@fat/mediums-css-is-actually-pretty-fucking-good-b8e2a6c78b06
- Trello: http://blog.trello.com/refining-the-way-we-structure-our-css-at-trello/
- Lonely Planet: http://ianfeather.co.uk/css-at-lonely-planet/
- Groupon: http://mikeaparicio.com/2014/08/10/css-at-groupon/
- Buffer: http://blog.brianlovin.com/buffers-css/
- GOV.UK: https://github.com/alphagov/govuk_frontend_toolkit
- BigCommerce: http://www.bigeng.io/how-we-css-at-bigcommerce
- BBC Sport: https://medium.com/@shaunbent/css-at-bbc-sport-part-1-bab546184e66
- Scalable and Modular Architecture for CSS: https://smacss.com/book/
- Enduring CSS: https://leanpub.com/enduringcss
- Frontend Architecture for Design Systems: http://www.amazon.com/Front-End-Architecture-Blueprint-Scalable-Sustainable/dp/1491926783
- CSS Eficiente: [pt-br] http://www.casadocodigo.com.br/pages/sumario-css-eficiente
- http://www.sitepoint.com/component-driven-css-frameworks/
- https://developers.google.com/web/starter-kit
- http://skyline.is/
- https://github.com/suitcss
- https://github.com/inuitcss
- https://github.com/mvcss
- http://dropbox.github.io/scooter/
- http://primercss.io/
- http://www.basscss.com/
- http://tachyons.io/
- http://scally.chris-pearce.me
- http://acss.io
___
Summary • Mindset and Motivations • About Components • Workflow • Design Process • CSS Architecture • Styleguides and Pattern Libraries