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

CSS in JS

Avatar for zehfernandes zehfernandes
February 02, 2018
Technology
350
1

CSS in JS

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

Avatar for zehfernandes

zehfernandes

February 02, 2018

More Decks by zehfernandes

See All by zehfernandes
Games are more than fun
Avatar for zehfernandes zehfernandes
1
940
Build for Destruction
Avatar for zehfernandes zehfernandes
2
670
R.I.P WWW
Avatar for zehfernandes zehfernandes
1
910
Motion U.I with style
Avatar for zehfernandes zehfernandes
20
7.7k
Agora você vê agora você não vê
Avatar for zehfernandes zehfernandes
0
390
Design Colaborativo
Avatar for zehfernandes zehfernandes
2
1.3k
Webdesigners para não Webdesigners
Avatar for zehfernandes zehfernandes
4
250
Bauhaus e webdesign
Avatar for zehfernandes zehfernandes
0
260
A dialética a favor do design
Avatar for zehfernandes zehfernandes
2
890

Other Decks in Technology

See All in Technology
20260608_Codexの可能性_ノンプログラマー向け_大城追記
Avatar for NobuakiOshiro doradora09
PRO
0
780
え？フロントエンドエンジニアの ワイがインフラも！？
Avatar for puku0x puku0x
1
450
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
7
19k
Issue設計から始める仕様駆動開発 / 20260731 Mizuki Hirata
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
150
【CEDEC2026】『Relink』を拡張せよ - 『GRANBLUE FANTASY: Relink - Endless Ragnarok』の開発速度と品質を守るCI運用
Avatar for Cygames, Inc. cygames
PRO
0
140
【CEDEC2026】『GRANBLUE FANTASY: Relink - Endless Ragnarok』のバトル制作事例 ～最高のキャラゲーを目指して～
Avatar for Cygames, Inc. cygames
PRO
0
230
FPGAが実現する遠方宇宙の高空間分解能天体撮影 -大型地上望遠鏡の視力を補正する「補償光学」とは？-
Avatar for 高橋光明 / Mitsuaki Takahashi komei_mt
0
190
研究開発部の紹介 / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
4
24k
Forza Horizon 6 のテレメトリ機能で 自動運転に使えそうな学習データを集める話
Avatar for henjin0 henjin0
0
150
SmartHR Engineering Team Deck
Avatar for SmartHR Recruit smarthr
1
1.5k
toio・myCobotでフィジカルAIっぽいことを行うための検討（とりあえず調査） / フィジカルAI LT（IoTLTによる開催）
Avatar for you（@youtoy） you
PRO
0
300
Invisible to AI? Making TYPO3 Sites Quotable by AI Search Systems
Avatar for Wolfgang Wagner wolfgangwagner
0
170

Featured

See All Featured
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.3k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.2k
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.5k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.2k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.3k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
3
1.1k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
400
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
200
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.8k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.3k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
270
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
460

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