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
58
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
74
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
410
CSS in JavaScripto, the anti-pattern that is good
Avatar for Igor Halfeld igorhalfeld
1
110

Other Decks in Programming

See All in Programming
任せる範囲はこう広がった / How the Scope of AI Delegation Has Expanded
Avatar for nrs nrslib
1
280
ITヒヤリハットを整理してみた ～ライフサイクルと原因から考える再発防止策～
Avatar for kouki.miura koukimiura
1
110
なぜ関数型プログラミングで「型」と「証明」が語られるのか #fp_matsuri
Avatar for Takuma Kajikawa kajitack
3
1k
琵琶湖の水は止められてもNet--HTTPのリトライは止められない / You might be able to stop the water flow of Lake Biwa but you can't stop Net::HTTP retries
Avatar for luccafort luccafort
PRO
0
450
音楽のための関数型プログラミング言語mimiumにおける多段階計算の活用
Avatar for Tomoya Matsuura tomoyanonymous
1
360
霧の中の代数的エフェクト
Avatar for funnycat funnyycat
1
430
PHPだって関数型したい 〜できること、できないこと〜 / fp-in-php
Avatar for jsoizo jsoizo
1
250
数百円から始めるRuby電子工作
Avatar for Tarosa tarosay
0
110
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
230
What's New in Android 2026
Avatar for Veronikapj veronikapj
0
210
そこに3びきプロダクトがいるじゃろう——生成AI時代における“価値が届かない理由”の構造
Avatar for kosuke T kosuket
0
130
言語を使う側から、作る側へ。 自作 Lisp で得た新たな気づき。
Avatar for ANDPAD inc andpad
0
130

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
55k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.6k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
10k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
250
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
640
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
420
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.5k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
3
8.8k

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