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

Que tal usar CSS em vez de JS?

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Amanda Vilela Amanda Vilela
September 30, 2017
Programming
1
120

Que tal usar CSS em vez de JS?

Apresentação feita na DevFest Cerrado no dia 30/09/2017.

Avatar for Amanda Vilela

Amanda Vilela

September 30, 2017
Tweet

More Decks by Amanda Vilela

See All by Amanda Vilela
Construindo sua primeira página web: Sua porta de entrada para uma carreira de front-end
Avatar for Amanda Vilela amandavilela
1
110
Web Performance: Não deixe o usuário desistir do seu site
Avatar for Amanda Vilela amandavilela
1
200
Como tornamos os sorteios da BrazilJS on the Road Sorocaba mais divertidos utilizando JS
Avatar for Amanda Vilela amandavilela
0
85
Sobre Carreira e Comunidades
Avatar for Amanda Vilela amandavilela
0
61
PWA beyond theory - How to create your progressive web app
Avatar for Amanda Vilela amandavilela
0
91
Crie seu Próprio Plano de Carreira
Avatar for Amanda Vilela amandavilela
0
70
Como otimizar a performance da sua aplicação JS
Avatar for Amanda Vilela amandavilela
0
110
Você nem sempre precisa de um framework JS
Avatar for Amanda Vilela amandavilela
0
90
Front-end: o que é, mercado e como começar
Avatar for Amanda Vilela amandavilela
1
97

Other Decks in Programming

See All in Programming
Codex CLIのSubagentsによる並列API実装 / Parallel API Implementation with Codex CLI Subagents
Avatar for 冨澤宝斗 takatty
2
510
ロボットのための工場に灯りは要らない
Avatar for watany watany
12
3.2k
今年もTECHSCOREブログを書き続けます！
Avatar for 平奥真一（ひらおくしんいち） hiraoku101
0
170
[PHPerKaigi 2026]PHPerKaigi2025の企画CodeGolfが最高すぎて社内で内製して半年運営して得た内製と運営の知見
Avatar for Z.O.E. ikezoemakoto
0
290
「接続」—パフォーマンスチューニングの最後の一手 〜点と点を結ぶ、その一瞬のために〜
Avatar for 武田 憲太郎 kentaroutakeda
4
2k
Strategy for Finding a Problem for OSS: With Real Examples
Avatar for Chikahiro Tokoro kibitan
0
110
へんな働き方
Avatar for Yusuke Wada yusukebe
6
2.8k
AWS×クラウドネイティブソフトウェア設計 / AWS x Cloud-Native Software Design
Avatar for nrs nrslib
16
3.4k
車輪の再発明をしよう！PHP で実装して学ぶ、Web サーバーの仕組みと HTTP の正体
Avatar for H1R0 h1r0
2
410
Migration to Signals, Signal Forms, Resource API, and NgRx Signal Store @Angular Days 03/2026 Munich
Avatar for Manfred Steyer manfredsteyer
PRO
0
160
RailsのValidatesをSwift Macrosで再現してみた
Avatar for Takuma Shimizu hokuron
0
140
Vuetify 3 → 4 何が変わった？差分と移行ポイント10分まとめ
Avatar for kouki.miura koukimiura
0
200

Featured

See All Featured
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
33k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
61
43k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
700
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.6k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
300
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
460
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.8k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
150
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
500

Transcript

  1. Que tal usar CSS em vez de JS? Amanda Vilela

    DevFest Cerrado

  2. Amanda Vilela

  3. None
  4. None
  5. None
  6. None

  7. JavaScript

  8. O que o CSS tem me oferecer?

  9. O que dá pra fazer com isso tudo?

  10. https://codepen.io/amandavilela

  11. Devo fazer tudo com CSS?

  12. Calma

  13. None

  14. Reflow & Repaint

  15. Repaint requer menos recursos

  16. Evite reflows

  17. Anime position absolute e fixed

  18. Tente usar visibility ou opacity em vez de display

  19. Manutenibilidade

  20. https://github.com/you-dont-need

  21. Obrigada :D amandavilela.com