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

Css in JavaScript

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Igor Halfeld Igor Halfeld
April 04, 2019
Programming
0
57

Css in JavaScript

How write CSS in JavaScript

Avatar for Igor Halfeld

Igor Halfeld

April 04, 2019
Tweet

More Decks by Igor Halfeld

See All by Igor Halfeld
Modular monoliths with fastify
Avatar for Igor Halfeld igorhalfeld
0
200
How to migrate legacy frontend?
Avatar for Igor Halfeld igorhalfeld
1
130
Patterns for perfect components in Vue.js
Avatar for Igor Halfeld igorhalfeld
0
120
Clean Architecture no Front-end (update 2021-05-11)
Avatar for Igor Halfeld igorhalfeld
0
67
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
530
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
LM Linkで(非力な！)ノートPCでローカルLLM
Avatar for 瀬尾佳隆 seosoft
0
270
OTP を自動で入力する裏技
Avatar for Megabits_mzq megabitsenmzq
0
130
Claude Codeログ基盤の構築
Avatar for giginet giginet
PRO
7
3.8k
Coding at the Speed of Thought: The New Era of Symfony Docker
Avatar for Kévin Dunglas dunglas
0
3.2k
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
1.1k
20260315 AWSなんもわからん🥲
Avatar for Chiaki Okamoto chiilog
2
180
Smarter Angular mit Transformers.js & Prompt API
Avatar for Christian Liebel christianliebel
PRO
1
100
どんと来い、データベース信頼性エンジニアリング / Introduction to DBRE
Avatar for nnaka2992 nnaka2992
1
350
条件判定に名前、つけてますか？ #phperkaigi #c
Avatar for Hiromi Hishida 77web
2
860
存在論的プログラミング： 時間と存在を記述する
Avatar for Akihito Koriyama koriym
5
580
Symfony + NelmioApiDocBundle を使った スキーマ駆動開発 / Schema Driven Development with NelmioApiDocBundle
Avatar for Shohei Okada okashoi
0
250
CS教育のDX AIによる育成の効率化
Avatar for ニフティ株式会社 niftycorp
PRO
0
170

Featured

See All Featured
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.3k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
150
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
160
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.5k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
6.1k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
850
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
160
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
140
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
780
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
180
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
280
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k

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