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 JS
Search
zehfernandes
February 02, 2018
Technology
360
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
CSS in JS
https://github.com/zehfernandes/cssinjs-frontendrj
zehfernandes
February 02, 2018
More Decks by zehfernandes
See All by zehfernandes
Games are more than fun
zehfernandes
1
960
Build for Destruction
zehfernandes
2
690
R.I.P WWW
zehfernandes
1
940
Motion U.I with style
zehfernandes
20
7.7k
Agora você vê agora você não vê
zehfernandes
0
410
Design Colaborativo
zehfernandes
2
1.3k
Webdesigners para não Webdesigners
zehfernandes
4
270
Bauhaus e webdesign
zehfernandes
0
270
A dialética a favor do design
zehfernandes
2
910
Other Decks in Technology
See All in Technology
素人でもできた!AIを使った短編小説創作入門
delhi09
PRO
0
250
複雑な業務システムを高速でつくるため、チーム全員をつくれる人へ
ayakurabuchi
0
110
Autonomous AI Lakehouse - Live AI Hubから始めるセキュアなAIデータ活用 -
oracle4engineer
PRO
2
180
クラウドエージェントの先駆け Devin。今も最先端を走る、他との違い
kinopeee
1
520
cdk deployとcdkd deploy、実際にデプロイして5倍速近くの差を実測した
yama3133
1
140
AX時代の自治体支援リソース再配分と役割分担の再構成:戦略とロードマップ(概要)
sishi2026
0
140
AI時代、つくる力を自分たちの手に。 ──電通×KAG、アジャイルとAI駆動開発で挑む開発の変革
yuukiyo
3
440
外国人エンジニアがVueプロトタイプで仕様を合わせている話 / Vue Fes Japan 2026 LT
eluwing
0
330
正解のない研修に放り出されて / Being thrown into a training program with no right answers
ohnoeight
1
170
You Have Agency(サンキュー、Ruby)
snoozer05
PRO
4
620
Deep Data Security 機能解説
oracle4engineer
PRO
3
970
Agent × Maestro で始める モバイル E2E 端末準備からテスト実行・結果確認まで
sansantech
PRO
0
240
Featured
See All Featured
Scaling GitHub
holman
464
140k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Raft: Consensus for Rubyists
vanstee
143
7.8k
Google's AI Overviews - The New Search
badams
0
1.6k
Darren the Foodie - Storyboard
khoart
PRO
4
4.1k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
1k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
650
Product Roadmaps are Hard
iamctodd
55
13k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
750
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
380
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
520
Transcript
CSS JS IN @zehf Frontend RJ 2018
None
None
<P> <FONT SIZE="4" COLOR="RED">This would be some font broken up
into columns</FONT> </P>
None
None
None
None
None
https://medium.com/maintainable-react-apps/journey-to-enjoyable-maintainable-styling-with-react-itcss-and-css-in-js-632cfa9c70d6
QUAL O PROBLEMA DO CSS HOJE? Escopo Global Nomear é
(muito) difícil Sistema de dependência (@import) Quebra silenciosamente CSS não usado
CSS JS ❤
COMPONENT ORIENTED STYLES
slide from: https://speakerdeck.com/didoo/let-there-be-peace-on-css
None
None
None
None
IMMEDIATE MODE UIs
A UNIFIED STYLING LANGUAGE
None
None
None
None
None
ONE MORE THING
Como deve ser
@zehf Frontend RJ 2018 OBRIGADO