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
Games are more than fun
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
1
490
Build for Destruction
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
2
580
R.I.P WWW
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
1
610
Motion U.I with style
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
20
7.3k
Agora você vê agora você não vê
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
0
330
Design Colaborativo
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
2
1k
Webdesigners para não Webdesigners
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
4
170
Bauhaus e webdesign
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
0
220
A dialética a favor do design
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
2
730

Other Decks in Technology

See All in Technology
Data in Google I/O - IO Extended GDG Seoul
3bd69093dbe39b14603242b96cfbd7c6?s=48 kennethanceyer
0
140
UWBを使ってみた
8b0e9a3684bd29ecece29db2582e38ae?s=48 norioikedo
0
340
ソフトウェアテスト 2022 / Software Testing 2022
77fa3ebbf229a884c74c905034b1f4c2?s=48 ak1210
1
1.3k
JUnit5.7, 5.8の新機能紹介 #jjug_ccc #jjug_ccc_b / junit 5.7, 5.8 new features
405fe9ab689473f267e2cfbd95f78c75?s=48 kyonmm
PRO
2
400
DAO (分散型自律組織) vs. 自律分散組織 / DAO vs. Distributed Autonomous Organization
847a328633b1df6b11cc2f72430025e6?s=48 ks91
PRO
0
220
Scrum Fest Osaka 2022 フルリモート下でのチームビルディング
478bd912a17b65fa0ab8c1d81912b9b1?s=48 moritamasami
2
910
What's Data Lake ? Azure Data Lake best practice
0d7a3b61c5c1f64a50136cf4bb5702b7?s=48 ryomaru0825
2
710
2022年度新卒技術研修「Docker」講義
094e424062f60b011a0d0b294fbc17e4?s=48 excitejp
PRO
0
340
公式版Scratchやtoio DoでIoT（ブラウザ上でのJavaScript実行で） / ビジュアルプログラミングIoTLT vol.11
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
150
CADDi AI LabにおけるマネージドなMLOps
620c94b3affc3376c62540a64ce7ba36?s=48 vaaaaanquish
2
1.4k
Modern Android dependency injection
A9f24621ff57d380b4e85799edd4a984?s=48 hugovisser
1
100
セキュリティ 開運研修2022 / security 2022
A97eee01397705443a72a48ce29d3e19?s=48 cybozuinsideout
PRO
2
2.9k

Featured

See All Featured
The Pragmatic Product Professional
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
19
2.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
19k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
100
5.9k
Building Adaptive Systems
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
25
1.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Fd55de4174accaf3b4f030e43a8a70c6?s=48 marcduiker
4
500
Writing Fast Ruby
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
612
57k
Web development in the modern age
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
197
9.3k
Fireside Chat
864a009ac73600c7c02e1f26629dd989?s=48 paigeccino
11
1.3k
The Straight Up "How To Draw Better" Workshop
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
225
120k
The Invisible Customer
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
110
11k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
212
20k

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