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

Css in JavaScript

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Igor Halfeld Igor Halfeld
April 04, 2019
Programming
61
0

Css in JavaScript

How write CSS in JavaScript

Avatar for Igor Halfeld

Igor Halfeld

April 04, 2019

More Decks by Igor Halfeld

See All by Igor Halfeld
Modular monoliths with fastify
Avatar for Igor Halfeld igorhalfeld
0
210
How to migrate legacy frontend?
Avatar for Igor Halfeld igorhalfeld
1
150
Patterns for perfect components in Vue.js
Avatar for Igor Halfeld igorhalfeld
0
140
Clean Architecture no Front-end (update 2021-05-11)
Avatar for Igor Halfeld igorhalfeld
0
77
Step by step I followed a career in software
Avatar for Igor Halfeld igorhalfeld
0
710
Using AI to create memes
Avatar for Igor Halfeld igorhalfeld
0
540
Deninho, the TS children
Avatar for Igor Halfeld igorhalfeld
1
230
Micro Front-ends, what they don't tell you
Avatar for Igor Halfeld igorhalfeld
0
420
CSS in JavaScripto, the anti-pattern that is good
Avatar for Igor Halfeld igorhalfeld
1
120

Other Decks in Programming

See All in Programming
Herb in Rails 8.2: Your ERB views, now HTML-aware @ Rails World 2026, Austin, Texas
Avatar for Marco Roth marcoroth
0
220
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
180
AIに “答え“を書かせるのを やめてみた
Avatar for akari ___akari11
0
120
PumaからFalconに移行したRailsアプリケーションでの実践
Avatar for Hayato OKUMOTO falcon8823
0
170
3回つくってわかった、
定期実行ジョブ基盤の本質情報
Avatar for Naoto Takai takai
0
450
機械に任せるテスト、人が見るテスト ⽣成AIで引き直した、運⽤保守フェーズの線引き
Avatar for KUSATAKE Daisuke dske104
0
190
パズルゲームの作り方 / how to make puzzle games
Avatar for kaityo256 kaityo256
PRO
2
290
JAWS-UG 東京支部が始める、JAWS-UG支部コラボ / JAWS-UG lunchtime LT Collaboration
Avatar for y-ohgi y0hgi
0
270
RAG の “R” を Swift で覗いてみる 〜「意味から探す」検索の仕組み〜
Avatar for Nao-RandD nao_randd
0
160
Vue Fes Japan の “作る側”に関わってみて
Avatar for Naoki Haba naokihaba
0
160
最近”作らせてる” ローカルAIアプリの話
Avatar for ITO Akihiro akit37
0
470
外から家のPCの電源入れたい！をＰＨＰで解決する
Avatar for かわしも（Shimokawa Shion） kawashimo0
1
130

Featured

See All Featured
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
1
1.2k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
25k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.4k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
590
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
570
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
630
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
750

Transcript

  1. CSS in JavaScripto A caquinha que deu certo

  2. Igor Halfeld Software Engineer & Consultancy igorluiz.me - @IgorHalfeld

  3. None
  4. None

  5. Quais os problemas do CSS?

  6. Manutenibilidade Escalabilidade Regras de CSS são globais

  7. Como resolver o problema? Precisamos evoluir o CSS junto com

    a web…

  8. Vamos resolver o problema com javascript, o que pode dar

    errado?

  9. Afinal o javascript já resolveu uns problemas do HTML.

  10. None

  11. Virgulas CamelCase Números Strings

  12. Como usar esse rolê..

  13. CSS Inline

  14. Bibliotecas! JSS, Glamor e Styled Components

  15. JSS

  16. Glamor

  17. Styled C.

  18. Demo time!

  19. Obrigado! igorluiz.me/talks - @IgorHalfeld