Arquitetura e boas práticas de CSS 2.0

Arquitetura e boas práticas de CSS 2.0

5716ab9479c715eecc6a9a7f2139da75?s=128

Glauber Ramos

November 01, 2016
Tweet

Transcript

  1. 4.
  2. 5.
  3. 6.
  4. 7.
  5. 8.
  6. 10.
  7. 13.

    .component { .component-child { a { } } } NESTING

    Não mais que 3 níveis .component { } .component-child { a { } } BAD GOOD
  8. 15.
  9. 17.
  10. 20.
  11. 22.
  12. 23.
  13. 24.
  14. 25.
  15. 26.
  16. 27.
  17. 29.

    LInks https://github.com/sotayamashita/awesome-css#code-style-guideline-book https://github.com/airbnb/css https://medium.com/@fat/mediums-css-is-actually-pretty-fucking-good-b8e2a6c78b06#.ehy9y3gut https://hackernoon.com/css-at-bbc-sport-part-1-bab546184e66#.p5ix83wv1 https://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b #.363ylsknl http://markdotto.com/2014/07/23/githubs-css/ http://ianfeather.co.uk/css-at-lonely-planet/ https://github.com/suitcss/suit

    https://www.sitepoint.com/bem-smacss-advice-from-developers/ http://www.hongkiat.com/blog/css-writing-methodologies/ http://sixrevisions.com/css/css-methodologies/ http://maintainablecss.com/ http://www.universalmind.com/blog/css-modules%E2%80%8A-%E2%80%8Asolving-the-challenges-of-c ss-at-scale/ http://thesassway.com/advanced/modular-css-naming-conventions http://acss.io/ smacss.com/book/ https://github.com/jareware/css-architecture
  18. 30.