Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CSS in JS

2bf65079a1d9d186ce41955f3152df5f?s=47 zehfernandes
February 02, 2018
Technology
1
200

CSS in JS

https://github.com/zehfernandes/cssinjs-frontendrj

2bf65079a1d9d186ce41955f3152df5f?s=128

zehfernandes

February 02, 2018
Tweet

More Decks by zehfernandes

See All by zehfernandes
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
1
420
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
2
570
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
1
550
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
20
7.2k
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
0
320
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
2
930
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
4
160
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
0
220
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
2
710

Other Decks in Technology

See All in Technology
53850955f15249a1a9dc49df6113e400?s=48 line_developers
PRO
1
430
53850955f15249a1a9dc49df6113e400?s=48 line_developers
PRO
2
180
140494d272a4d89883a94fdfdb29dea2?s=48 oracle4engineer
PRO
0
130
E8aaf6f975dda96c47412cf311089243?s=48 tadashi0713
6
1.7k
53850955f15249a1a9dc49df6113e400?s=48 line_developers
PRO
8
1.2k
D69e77fd50edf1a9c6d5ffcddd03dd90?s=48 funnysystems
1
1.2k
5b47136bedcba2799edf4fcd27ea66d7?s=48 yaegashi
0
160
Dc35998459997f1063eab4194fcb4531?s=48 mars_eu
0
190
9ea422a61c1a69c888786830eee3dbe6?s=48 osonoi
0
150
462feb0fe0493c40d55650da664e8773?s=48 clustervr
PRO
0
200
428a01206a4fc4073b2cd6a0cc4edaef?s=48 arihh
2
340
462feb0fe0493c40d55650da664e8773?s=48 clustervr
PRO
0
130

Featured

See All Featured
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
55
3.6k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
64
3.8k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
54
4.4k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
219
120k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
266
17k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
318
19k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
262
11k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
129
20k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
208
10k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
217
16k
245cee81a9c424266e5e401d844ea881?s=48 lara
172
9.9k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
116
10k

Transcript

  1. CSS JS IN @zehf Frontend RJ 2018

  2. None
  3. None

  4. <P> <FONT SIZE="4" COLOR="RED">This would be some font broken up

    into columns</FONT> </P>
  5. None
  6. None
  7. None
  8. None
  9. None

  10. https://medium.com/maintainable-react-apps/journey-to-enjoyable-maintainable-styling-with-react-itcss-and-css-in-js-632cfa9c70d6

  11. QUAL O PROBLEMA DO CSS HOJE? Escopo Global Nomear é

    (muito) difícil Sistema de dependência (@import) Quebra silenciosamente CSS não usado

  12. CSS JS ❤

  13. COMPONENT ORIENTED STYLES

  14. slide from: https://speakerdeck.com/didoo/let-there-be-peace-on-css

  15. None
  16. None
  17. None
  18. None

  19. IMMEDIATE MODE UIs

  20. A UNIFIED STYLING LANGUAGE

  21. None
  22. None
  23. None
  24. None
  25. None

  26. ONE MORE THING

  27. Como deve ser

  28. @zehf Frontend RJ 2018 OBRIGADO