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

CSS in JS

zehfernandes
February 02, 2018
Technology
1
250

CSS in JS

https://github.com/zehfernandes/cssinjs-frontendrj

zehfernandes

February 02, 2018
Tweet

More Decks by zehfernandes

See All by zehfernandes
Games are more than fun
zehfernandes
1
690
Build for Destruction
zehfernandes
2
610
R.I.P WWW
zehfernandes
1
710
Motion U.I with style
zehfernandes
20
7.5k
Agora você vê agora você não vê
zehfernandes
0
350
Design Colaborativo
zehfernandes
2
1.1k
Webdesigners para não Webdesigners
zehfernandes
4
200
Bauhaus e webdesign
zehfernandes
0
230
A dialética a favor do design
zehfernandes
2
770

Other Decks in Technology

See All in Technology
テストプロセスで大事にしていること #jasstnano
makky_tyuyan
0
170
Google Cloud の AI を支える裏側のインフラを垣間見る！
maroon1st
0
340
非同期推論システムによるコスト削減と信頼性向上
koki_nishihara
0
220
FrontDoorとWebAppsを組み合わせた際のリダイレクト処理の注意点
kenichirokimura
1
500
GraphQL 成熟度モデルの紹介と、プロダクトに当てはめた事例 / GraphQL maturity model
mh4gf
7
1.3k
20240418_Google ColabにLLMが搭載されたようなのでPython x データ分析の勉強方法を考えてみる
doradora09
0
130
Meta Quest 3 で動く桜マシマシ WebXR アプリを IBM Cloud Code Engine と Babylon.js で作った話
1ftseabass
PRO
0
120
JSON攻略法.pdf
miyakemito
8
5k
アクセシビリティを考慮したUI/CSSフレームワーク・ライブラリ選定
yajihum
2
1k
プロデザ！ BY リクルート vol.18_リクルートのリサーチ実践組織「リサーチブーストコミュニティ」
recruitengineers
PRO
3
280
KubeConにproposalを送りたい人へのアドバイス
sat
PRO
3
240
Kernel MemoryでAzure OpenAI Serviceとお手軽データソース連携
mitsuzono
1
240

Featured

See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
Optimizing for Happiness
mojombo
370
69k
Build The Right Thing And Hit Your Dates
maggiecrowley
24
2k
What the flash - Photography Introduction
edds
64
11k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
322
20k
How to name files
jennybc
65
93k
KATA
mclloyd
15
12k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.5k
Creatively Recalculating Your Daily Design Routine
revolveconf
210
11k
Designing with Data
zakiwarfel
96
4.8k
Side Projects
sachag
451
41k

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