Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

CSS in JS

Avatar for zehfernandes zehfernandes
February 02, 2018
Technology
360
1

CSS in JS

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

Avatar for zehfernandes

zehfernandes

February 02, 2018

More Decks by zehfernandes

See All by zehfernandes
Games are more than fun
Avatar for zehfernandes zehfernandes
1
960
Build for Destruction
Avatar for zehfernandes zehfernandes
2
690
R.I.P WWW
Avatar for zehfernandes zehfernandes
1
930
Motion U.I with style
Avatar for zehfernandes zehfernandes
20
7.7k
Agora você vê agora você não vê
Avatar for zehfernandes zehfernandes
0
400
Design Colaborativo
Avatar for zehfernandes zehfernandes
2
1.3k
Webdesigners para não Webdesigners
Avatar for zehfernandes zehfernandes
4
260
Bauhaus e webdesign
Avatar for zehfernandes zehfernandes
0
270
A dialética a favor do design
Avatar for zehfernandes zehfernandes
2
910

Other Decks in Technology

See All in Technology
20年間 SNS サービス「GREE」 を支えた技術の刷新と、長期運用サービスの Kubernetes へのリアーキテクト
Avatar for gree_tech gree_tech
PRO
0
120
トークン化預金DCJPYの取り組みと活用ユースケース
Avatar for フィンテック養成コミュニティ finengine
0
240
Practical ransomware detection on macOS (via maths, not AI)
Avatar for Patrick Wardle patrickwardle
0
100
CTO Night｜NotionのAIエージェントとFDE
Avatar for Kazuki Hayakawa kzkhykw1991
0
310
LambdaWebFunctionsを試してみた / exploring-lambda-web-functions
Avatar for koukihosaka koukihosaka
1
390
AI時代のGraphQL
Avatar for joe_re joere
3
370
How to teach your AI Agent with Agent skills
Avatar for LINE Developers Thailand linedevth
0
120
Turning Repos into the Product Second Brain with an LLM Wiki
Avatar for LINE Developers Thailand linedevth
0
150
ガチで放置できるClaude Code実行環境の作り方.pdf
Avatar for Lamaglama39 lamaglama39
5
8.6k
小規模OSSモデルは サイバーセキュリティ業務に どこまで使えるか
Avatar for isao takaesu bbrbbq
0
220
How to Design Configuration for Rails Applications
Avatar for Shinichi Maeshima willnet
1
1.1k
AIをリアル世界に解き放つ　〜M5Stack×AIであなたのアイディアを手の平に〜
Avatar for 濱田孝治 hamadakoji
1
400

Featured

See All Featured
Designing for Performance
Avatar for Lara Hogan lara
612
70k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
540
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
3k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
950
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
2
2.9k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
3.1k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
570
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
4
1.2k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
35
2.9k

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