Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
CSS in JavaScripto, the anti-pattern that is good
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Igor Halfeld
October 12, 2019
Programming
120
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
CSS in JavaScripto, the anti-pattern that is good
Igor Halfeld
October 12, 2019
Transcript
20 slides
CSS in JavaScripto O anti-pattern que deu certo
Por que Anti-Pattern?
None
Quais os problemas do CSS?
Manutenibilidade Escalabilidade Regras de CSS são globais
Essa talk é pra te mostrar como hoje em dia
a gente consegue resolver isso… …não é nada que o CSS não resolva, mas que junto com a DX te ajude a desenvolver
Igor Halfeld Software Engineer & Consultancy igorluiz.me - @IgorHalfeld
Como resolver o problema? Precisamos evoluir o CSS junto com
a web…
Vamos resolver o problema com javascript, o que pode dar
errado?
Afinal o javascript já resolveu uns problemas do HTML.
None
Virgulas CamelCase Números Strings
Como usar?
CSS Inline
Bibliotecas! JSS, Glamor e Styled Components
JSS
Glamor
Styled C.
DEMO
Obrigado! igorluiz.me/talks - @IgorHalfeld
More Decks by Igor Halfeld
See All by Igor Halfeld
Modular monoliths with fastify
igorhalfeld
0
210
How to migrate legacy frontend?
igorhalfeld
1
150
Patterns for perfect components in Vue.js
igorhalfeld
0
150
Clean Architecture no Front-end (update 2021-05-11)
igorhalfeld
0
80
Step by step I followed a career in software
igorhalfeld
0
720
Using AI to create memes
igorhalfeld
0
550
Deninho, the TS children
igorhalfeld
1
230
Micro Front-ends, what they don't tell you
igorhalfeld
0
420
Front-end Clean Architecture
igorhalfeld
2
310
Other Decks in Programming
See All in Programming
Rails初心者がパスキーを実装してみて大変だったこと
ktombow
0
190
느린 네트워크와 저사양 디바이스 사용자를 위한 웹뷰 로딩 시간 개선기
kmkim
1
240
조합이폭발하는디자인시스템이걸눈으로도테스트하라고요
giljongyu
0
750
AIが生成したコードは読むべきか?抽象化設計とコードの品質保証 / abstraction-design-and-quality
minodriven
16
9.2k
LLM 101
dalinaum
0
490
FactoryBotをやめればRSpecは速くなるのか?
yuta_onishi_97
0
1.7k
Seven New Principles of Software Engineering
yegor256
0
500
flutter_test のその先へ — Flutter アプリの LLM 機能に「評価」という品質保証を
kosukesaigusa
0
200
ビジネスロジックを堅牢に~Scala 3のドメインプリミティブ~
j5ik2o
0
180
DroidKnights 2026 Android A2UI Jetpack Compose 기반의 안전한 AI UI 렌더링 - 박제창
itsmedreamwalker
1
230
そのデザイントークン、Flutterでも同じ見た目になりますか?
nakamizu
0
350
地方こそサーバーレス — 10年続けた、顔が見えるチームで確かな基盤を / Serverless Matters Most in Regional Areas — 10 Years of Building Reliable Foundations with Close-Knit Teams
seike460
PRO
1
450
Featured
See All Featured
The untapped power of vector embeddings
frankvandijk
2
2k
Embracing the Ebb and Flow
colly
88
5.2k
ラッコキーワード サービス紹介資料
rakko
5
5.8M
Into the Great Unknown - MozCon
thekraken
41
2.8k
HDC tutorial
michielstock
2
1k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.4k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
340
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
sira's awesome portfolio website redesign presentation
elsirapls
0
510
Google's AI Overviews - The New Search
badams
0
1.7k
Heart Work Chapter 1 - Part 1
lfama
PRO
11
37k