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

CSS in JS

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for zehfernandes zehfernandes
February 02, 2018
Technology
1
340

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
880
Build for Destruction
Avatar for zehfernandes zehfernandes
2
650
R.I.P WWW
Avatar for zehfernandes zehfernandes
1
860
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
370
Design Colaborativo
Avatar for zehfernandes zehfernandes
2
1.3k
Webdesigners para não Webdesigners
Avatar for zehfernandes zehfernandes
4
230
Bauhaus e webdesign
Avatar for zehfernandes zehfernandes
0
250
A dialética a favor do design
Avatar for zehfernandes zehfernandes
2
850

Other Decks in Technology

See All in Technology
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
Avatar for Toru Makabe torumakabe
1
510
Introduction to Bill One Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
360
MCPでつなぐElasticsearchとLLM - 深夜の障害対応を楽にしたい / Bridging Elasticsearch and LLMs with MCP
Avatar for Sashimimochi sashimimochi
0
150
Ruby版 JSXのRuxが気になる
Avatar for SansanTech sansantech
PRO
0
150
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
2.7k
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
Avatar for AEON aeonpeople
6
2.2k
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
460
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
15
400k
20260204_Midosuji_Tech
Avatar for Takuya Yonezawa takuyay0ne
1
140
20260208_第66回 コンピュータビジョン勉強会
Avatar for KeiichiIto1978 keiichiito1978
0
110
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
Avatar for oracle4engineer oracle4engineer
PRO
2
14k
小さく始めるBCP ― 多プロダクト環境で始める最初の一歩
Avatar for kekke-n kekke_n
1
390

Featured

See All Featured
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
520
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.9k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
160
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
300
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
71k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
0
54
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
100

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