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

CSS in JS

Avatar for zehfernandes zehfernandes
February 02, 2018
Technology
1
300

CSS in JS

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

zehfernandes

February 02, 2018
Tweet

More Decks by zehfernandes

See All by zehfernandes
Games are more than fun
Avatar for zehfernandes zehfernandes
1
810
Build for Destruction
Avatar for zehfernandes zehfernandes
2
630
R.I.P WWW
Avatar for zehfernandes zehfernandes
1
780
Motion U.I with style
Avatar for zehfernandes zehfernandes
20
7.6k
Agora você vê agora você não vê
Avatar for zehfernandes zehfernandes
0
360
Design Colaborativo
Avatar for zehfernandes zehfernandes
2
1.2k
Webdesigners para não Webdesigners
Avatar for zehfernandes zehfernandes
4
220
Bauhaus e webdesign
Avatar for zehfernandes zehfernandes
0
230
A dialética a favor do design
Avatar for zehfernandes zehfernandes
2
820

Other Decks in Technology

See All in Technology
熱々🔥のUDN🍜を喰らえ❗マルチテナントもVM統合も思いのまま❗新機能で切り拓くk8sネットワークの未来
Avatar for Masataka Tsukamoto tsukaman
0
150
生成AI時代における人間の情熱とプロダクト志向 / 20250517 Takuya Oikawa
Avatar for SHIFT EVOLVE shift_evolve
2
440
golang-migrate VS Atlas !? 技術選定のポイントと学び ~DBマイグレーションツール選定の実例を通して~ / golang-migrate vs Atlas ! What is the point of technology selection and what you can learn from the examples of DB migration tool selection?
Avatar for NTT Communications nttcom
0
120
GrafanaをClaude DesktopからMCPで触ってみた
Avatar for 濱田孝治 hamadakoji
0
1.3k
開発も運用もビジネス部門も！ クラウドで実現する「つらくない」統制とセキュリティ / Effortless Governance and Security Enabled by the Cloud
Avatar for Hokuto Hoshi kanny
3
840
株式会社Awarefy(アウェアファイ)会社説明資料 / Awarefy-Company-Deck
Avatar for Awarefy awarefy
3
17k
テストコードにはテストの意図を込めよう(2025年版) #retechtalk / Put the intent of the test 2025
Avatar for nihonbuson nihonbuson
PRO
16
2.4k
OpenTelemetry SpanProcessor を Let's カスタマイズ！
Avatar for Tomonori Hayashi phaya72
1
110
技術的負債を「戦略的投資」にするためのPdMとエンジニアの連携と実践
Avatar for satomino satomino
4
860
激動の一年を通じて見えてきた「技術でリードする」ということ
Avatar for ktr ktr_0731
8
8.7k
4社統合におけるマスタデータ管理に立ち向かう / Towards master data management in the four-company integration
Avatar for CARTA Engineering carta_engineering
0
360
VueUseから学ぶ実践TypeScript #TSKaigi #TSKaigi2025
Avatar for 弁護士ドットコム bengo4com
3
370

Featured

See All Featured
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.8k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
183
22k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Side Projects
Avatar for Sacha Greif sachag
453
42k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
6.5k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
52
7.6k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
53
11k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
71
4.8k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
70k
Fontdeck: Realign not Redesign
Avatar for Paul Robert Lloyd paulrobertlloyd
84
5.5k

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