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

CSS in JS

Avatar for zehfernandes zehfernandes
February 02, 2018
Technology
1
310

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
830
Build for Destruction
Avatar for zehfernandes zehfernandes
2
640
R.I.P WWW
Avatar for zehfernandes zehfernandes
1
800
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
240
A dialética a favor do design
Avatar for zehfernandes zehfernandes
2
830

Other Decks in Technology

See All in Technology
Tokyo_reInforce_2025_recap_iam_access_analyzer
Avatar for h-ashisan hiashisan
0
190
united airlines ™®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for yasam flyunitedhelp
1
330
20250707-AI活用の個人差を埋めるチームづくり
Avatar for shnjtk shnjtk
4
3.8k
自律的なスケーリング手法FASTにおけるVPoEとしてのアカウンタビリティ / dev-productivity-con-2025
Avatar for Yoshiki Iida yoshikiiida
1
17k
品質と速度の両立：生成AI時代の品質保証アプローチ
Avatar for odasho odasho
1
350
Connect 100+を支える技術
Avatar for Yamakan kanyamaguc
0
200
United Airlines Customer Service– Call 1-833-341-3142 Now!
Avatar for vivankilkenny548+imnfc airhelp
0
170
PO初心者が考えた ”POらしさ”
Avatar for (Ha)rady nb_rady
0
210
Geminiとv0による高速プロトタイピング
Avatar for Shinya Masadome（東京AI祭） shinya337
1
270
LangChain Interrupt & LangChain Ambassadors meetingレポート
Avatar for os1ma os1ma
2
310
赤煉瓦倉庫勉強会｢Databricksを選んだ理由と、絶賛真っ只中のデータ基盤移行体験記｣
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
2
360
DatabricksにOLTPデータベース『Lakebase』がやってきた！
Avatar for Takeru Ino inoutk
0
110

Featured

See All Featured
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
820
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
5.9k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
43
7.6k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.5k
Side Projects
Avatar for Sacha Greif sachag
455
42k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
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