Lightning talk sobre a ideia por traz da arquitetura CSS que criei para a Amil e que utiliza os melhores pedaços de outras arquiteturas fazendo uma mistura ideal para projetos de médio porte ou mais

1. Caipirinha
CSS

2. Andréa Zambrana
front-end @ via varejo
@akfzambrana
http://andreazambrana.com.br

3. O que é síndrome
do impostor?

4. Você não é capaz!
Voz babaca

6. Arquiteturas
CSS mais
conhecidas

7. OOCSS
Object Oriented CSS

8. Atomic CSS

9. DRY
Don't Repeat Yourself

10. Block Element Modifier
BEM

11. SMACSS
Scalable and Modular Architecture
for CSS

12. Inverted Triangly architecture for
CSS
ITCSS

13. Reasonable System for CSS
Stylesheet Structure
RSCSS

14. Coerência
entre tamanho e
manutenibilidade

15. Quanto maior o
projeto, menor a
manutenibilidade

16. Não tem
bala de prata

17. Time
Necessidade
Tamanho do projeto
Tempo

18. Portal que
cresce todo dia
Ou seja, muito grande

19. Aproximadamente
40 devs
Frontenders e backenders

20. Pelo menos
quatro brands

22. Por que
caipirinha CSS?

23. É uma delicia

24. Quase todas as
pessoas gostam

25. É bem brasileira

26. Divertida

27. Flexibilidade

29. Pinga
Vodka
Cachaça
Saque
Morango
Kiwi
Manga
Amora

30. Agrada
quase todo mundo

31. Misturar
arquiteturas

32. Agrade e atenda
nossa necessidade

33. Principios básicos

34. Atomic design

35. elementos componentes grandes
componentes

36. Especificidade
Explicitude
Alcance
Triângulo invertido do ITCSS

37. Configurações
Ferramentas
Genêricos
Elementos
Objetos
Componentes
Templates
Páginas

38. Prefixos
Namespaces + prefixos
.has-icon
.is-visible
.o-clearfix

39. Custom attributes
<input type="text" size-4>
<button size-2></button>

40. Metodologia
de nomenclatura
BEM, SMACSS, RSCSS, etc

41. Pode tirar ou
colocar ingredientes

42. Projetos
porte medio+

43. A melhor parte

44. Pode utilizar
qualquer
preprocessador

45. Configurações
Ferramentas
Genêricos
Elementos
Objetos
Componentes
Templates
Páginas

46. Configurações
Ferramentas
Genêricos
Elementos
Objetos
Componentes
Templates
Páginas

47. Obrigada!
@akfzambranaFront in Vale
2017