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

CSS in JS

Avatar for zehfernandes zehfernandes
February 02, 2018
Technology
1
320

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
860
Build for Destruction
Avatar for zehfernandes zehfernandes
2
640
R.I.P WWW
Avatar for zehfernandes zehfernandes
1
830
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
230
Bauhaus e webdesign
Avatar for zehfernandes zehfernandes
0
240
A dialética a favor do design
Avatar for zehfernandes zehfernandes
2
840

Other Decks in Technology

See All in Technology
なぜThrottleではなくDebounceだったのか？ 700並列リクエストと戦うサーバーサイド実装のすべて
Avatar for Yoshiori SHOJI yoshiori
13
4.6k
なぜブラウザで帳票を生成したいのか　どのようにブラウザで帳票を生成するのか
Avatar for yagisan-reports yagisanreports
0
110
【M3】攻めのセキュリティの実践！プロアクティブなセキュリティ対策の実践事例
Avatar for mizu axelmizu
0
170
Progressive Deliveryで支える！スケールする衛星コンステレーションの地上システム運用 / Ground Station Operation for Scalable Satellite Constellation by Progressive Delivery
Avatar for iselegant iselegant
1
190
大規模モノレポの秩序管理 失速しない多言語化フロントエンドの運用 / JSConf JP 2025
Avatar for shoota shoota
0
190
『HOWはWHY WHATで判断せよ』 〜『ドメイン駆動設計をはじめよう』の読了報告と、本質への探求〜
Avatar for HideyukiKitao panda728
PRO
5
2k
技術広報のOKRで生み出す 開発組織への価値 〜 カンファレンス協賛を通して育む学びの文化 〜 / Creating Value for Development Organisations Through Technical Communications OKRs — Nurturing a Culture of Learning Through Conference Sponsorship —
Avatar for Pauli pauli
5
370
「O(n log(n))のパフォーマンス」の意味がわかるようになろう
Avatar for dhirabayashi dhirabayashi
0
190
LINEスキマニ/LINEバイトにおけるバックエンド開発
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
260
仕様駆動 x Codex で 超効率開発
Avatar for Izumu KUSUNOKI ismk
2
1.5k
re:Invent2025 事前勉強会 歴史と愉しみ方10分LT編
Avatar for T.Atsumi toshi_atsumi
0
140
Service Monitoring Platformについて
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
260

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
7k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.7k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.1k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.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