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

CSS in JS

zehfernandes
February 02, 2018
Technology
1
270

CSS in JS

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

zehfernandes

February 02, 2018
Tweet

More Decks by zehfernandes

See All by zehfernandes
Games are more than fun
zehfernandes
1
760
Build for Destruction
zehfernandes
2
620
R.I.P WWW
zehfernandes
1
730
Motion U.I with style
zehfernandes
20
7.5k
Agora você vê agora você não vê
zehfernandes
0
350
Design Colaborativo
zehfernandes
2
1.1k
Webdesigners para não Webdesigners
zehfernandes
4
210
Bauhaus e webdesign
zehfernandes
0
230
A dialética a favor do design
zehfernandes
2
800

Other Decks in Technology

See All in Technology
WINTICKETアプリで実現した高可用性と高速リリースを支えるエコシステム / winticket-eco-system
cyberagentdevelopers
PRO
1
190
独自ツール開発でスタジオ撮影をDX！「VLS（Virtual LED Studio）」 / dx-studio-vls
cyberagentdevelopers
PRO
1
180
Forget efficiency – Become more productive without the stress
ufried
0
150
pandasはPolarsに性能面で追いつき追い越せるのか
vaaaaanquish
4
4.7k
物価高なラスベガスでの過ごし方
zakky
0
390
ユーザーの購買行動モデリングとその分析 / dsc-purchase-analysis
cyberagentdevelopers
PRO
2
100
新卒1年目が挑む！生成AI × マルチエージェントで実現する次世代オンボーディング / operation-ai-onboarding
cyberagentdevelopers
PRO
1
170
ABEMA のコンテンツ制作を最適化！生成 AI x クラウド映像編集システム / abema-ai-editor
cyberagentdevelopers
PRO
1
180
MAMを軸とした動画ハンドリングにおけるAI活用前提の整備と次世代ビジョン / abema-ai-mam
cyberagentdevelopers
PRO
1
120
なんで、私がAWS Heroに!? 〜社外の広い世界に一歩踏み出そう〜
minorun365
PRO
6
1.1k
IaC運用を楽にするためにCDK Pipelinesを導入したけど、思い通りにいかなかった話
smt7174
1
110
Fargateを使った研修の話
takesection
0
120

Featured

See All Featured
A designer walks into a library…
pauljervisheath
202
24k
How to Think Like a Performance Engineer
csswizardry
19
1.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
The Invisible Side of Design
smashingmag
297
50k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
Rails Girls Zürich Keynote
gr2m
93
13k
It's Worth the Effort
3n
183
27k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
167
49k
The Cult of Friendly URLs
andyhume
78
6k
The Art of Programming - Codeland 2020
erikaheidi
51
13k
Typedesign – Prime Four
hannesfritz
39
2.4k

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