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
コード1ミリもわからないけど
Claude CodeでFigjamプラグインを作った話
Avatar for 都村　美帆 abokadotyann
1
160
ソフトウェアエンジニアとデータエンジニアの違い・キャリアチェンジ
Avatar for k.muguruma mtpooh
1
740
メタプログラミングRuby問題集の活用
Avatar for Shinichi Maeshima willnet
2
750
Pythonで構築する全国市町村ナレッジグラフ: GraphRAGを用いた意味的地域検索への応用
Avatar for negi111111 negi111111
8
3.4k
プロダクトエンジニアとしてのマインドセットの育み方 / How to improve product engineer mindset
Avatar for Jumpei Sakatsu saka2jp
2
210
AIと共に開発する時代の組織、プロセス設計 freeeでの実践から見えてきたこと
Avatar for freee freee
3
560
ソフトウェア品質を支える テストとレビュー再考 / 吉澤 智美さん
Avatar for ファインディ株式会社（イベント資料アップ用） findy_eventslides
1
960
バクラクの AI-BPO を支える AI エージェント 〜とそれを支える Bet AI Guild〜
Avatar for Tomoaki tomoaki25
1
330
決済システムの信頼性を支える技術と運用の実践
Avatar for ykagano ykagano
0
430
QAEが生成AIと越える、ソフトウェア開発の境界線
Avatar for Masaya Hayashi rinchsan
0
1k
CodexでもAgent Skillsを使いたい
Avatar for Gota gotalab555
9
4.2k
マウントとるやつ、リリースするやつ
Avatar for おーつき otsuki
1
110

Featured

See All Featured
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
7.9k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
161
23k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
355
21k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
36
6.1k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
960
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
970

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