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

Css in JavaScript

Avatar for Igor Halfeld Igor Halfeld
April 04, 2019
Programming
59
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
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
パズルゲームの作り方 / how to make puzzle games
Avatar for kaityo256 kaityo256
PRO
2
240
AWSに止められる覚悟してますか？
Avatar for モリゾー morizo_1984
2
460
iOSDC Japan 2026 - Swiftで作って学ぼう！データベース自作入門
Avatar for kaseken (Kent Kaseda) kaseken
2
380
Webの地図
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
6
4.9k
GitHubハンズオン講座 — 実務レベルのチーム開発のフローを身につけよう
Avatar for junhat6 junhat6
0
110
MCP Appsでつくるチャット駆動な地図アプリ
Avatar for Shinsuke Nakamori nakamori1024
0
110
難しいけど、読めた。- OSSの入口に立った話。
Avatar for shota sts11142
0
130
マイコン向けの軽量Ruby「PicoRuby」で各種デバイスを制御するネイティブアプリの実現手法
Avatar for bash0C7 bash0c7
0
460
速く作れる。その次は、速く確かめられる開発へ 〜AIネイティブ開発を支える、Shift Down〜 / Can build fast. Next, moving to development where we can verify fast.
Avatar for r-kagaya rkaga
7
5k
AHC070解法紹介
Avatar for eijirou eijirou
0
140
モデルのリファクタリングが難しいと思ったら、そもそも複雑だったのはビジネス仕様だった ? / is-the-business-domain-the-real-complexity
Avatar for hatsu hatsu38
0
420
Workers Cache を知る
Avatar for syumai syumai
0
300

Featured

See All Featured
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.5k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
23k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
440
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
490
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
250
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
Avatar for Vladimir Dementyev palkan
1
350
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.5k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
1.1k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
580
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.2k

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