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

Css in JavaScript

Avatar for Igor Halfeld Igor Halfeld
April 04, 2019
Programming
57
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
140
Patterns for perfect components in Vue.js
Avatar for Igor Halfeld igorhalfeld
0
130
Clean Architecture no Front-end (update 2021-05-11)
Avatar for Igor Halfeld igorhalfeld
0
71
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
220
Micro Front-ends, what they don't tell you
Avatar for Igor Halfeld igorhalfeld
0
400
CSS in JavaScripto, the anti-pattern that is good
Avatar for Igor Halfeld igorhalfeld
1
110

Other Decks in Programming

See All in Programming
Stage 3 Decorators でできること / できないこと / TSKaigi 2026
Avatar for Susisu susisu
1
1.5k
IBM Bobを活用したレガシーアプリの最新化
Avatar for Akira Onishi (IBM) oniak3ibm
PRO
1
150
Lessons from Spec-Driven Development
Avatar for Simon Martinelli simas
PRO
0
110
フロントエンドとバックエンドで「1文字」を揃えよう
Avatar for てきめん tekimen youkidearitai
PRO
0
140
Make SRE Operations Easier with Azure SRE Agent
Avatar for KAMEGAWA Kazushi kkamegawa
0
3k
セキュリティの専門家じゃなくてもできる。「セキュリティ意識」をアップデートして サプライチェーン攻撃への耐性を高めよう。
Avatar for tk3fftk tk3fftk
4
420
RailsTokyo 2026#4: AI様があれば、
Hotwireの弱点は消えるか？
Avatar for Naofumi Kagami naofumi
5
1k
Migrations : C'est une question d'hygiène !
Avatar for Vincent Amstoutz vinceamstoutz
0
2.9k
TypeScriptだけでAIエージェントを作る フロント・エージェント・インフラのフルスタック実践
Avatar for Har1101 har1101
6
1.3k
net-httpのHTTP/2対応について
Avatar for NARUSE, Yui naruse
0
420
Composerを使ったサプライチェーン攻撃の様子を眺めてみる #phpstudy
Avatar for hideki kinjyo o0h
PRO
2
210
脅威をエンジニアリングの糧にして――現場編 / Turning Threats into Engineering Fuel — Field Edition
Avatar for nrs nrslib
0
240

Featured

See All Featured
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.7k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.5k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
840
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
300
Fireside Chat
Avatar for paigeccino paigeccino
42
3.9k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.5k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
130

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