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
820
Build for Destruction
Avatar for zehfernandes zehfernandes
2
640
R.I.P WWW
Avatar for zehfernandes zehfernandes
1
790
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
830

Other Decks in Technology

See All in Technology
Securing your Lambda 101
Avatar for Ilia chillzprezi
0
290
本部長の代わりに提案書レビュー！ KDDI営業が毎日使うAIエージェント「A-BOSS」開発秘話
Avatar for みのるん minorun365
PRO
14
1.8k
AIエージェントの継続的改善のためオブザーバビリティ
Avatar for PharmaX（旧YOJO Technologies）開発チーム pharma_x_tech
6
1.2k
脅威をモデリングしてMCPのセキュリティ対策を考えよう
Avatar for GMO Flatt Security flatt_security
4
1.7k
Whats_new_in_Podman_and_CRI-O_2025-06
Avatar for orimanabu orimanabu
3
180
Kotlinで学ぶ 代数的データ型
Avatar for Kanon ysknsid25
5
1.1k
Devin(Deep) Wiki/Searchの活用で変わる開発の世界観/devin-wiki-search-impact
Avatar for tomoki10 tomoki10
0
330
Tenstorrent 開発者プログラム
Avatar for Tenstorrent Japan tenstorrent_japan
0
310
比起獨自升級 我更喜歡 DevOps 文化 <3
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
220
「実体」で築く共通認識: 開発現場のコミュニケーション最適化 / Let's Get on the Same Page with Concrete Artifacts: Optimization of Communication in dev teams
Avatar for kazizi kazizi55
0
140
DroidKnights 2025 - Jetpack XR 살펴보기: XR 개발은 어떻게 이루어지는가?
Avatar for Quokkaman heesung6701
1
120
從四件事帶你見識見識 事件驅動架構設計 (EDA)
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
110

Featured

See All Featured
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
4
160
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
36
2.7k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.6k
Done Done
Avatar for chrislema chrislema
184
16k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
172
14k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.3k

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