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

Que tal usar CSS em vez de JS?

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Amanda Vilela Amanda Vilela
September 30, 2017
Programming
140
1

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

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
130
Web Performance: Não deixe o usuário desistir do seu site
Avatar for Amanda Vilela amandavilela
1
220
Como tornamos os sorteios da BrazilJS on the Road Sorocaba mais divertidos utilizando JS
Avatar for Amanda Vilela amandavilela
0
110
Sobre Carreira e Comunidades
Avatar for Amanda Vilela amandavilela
0
81
PWA beyond theory - How to create your progressive web app
Avatar for Amanda Vilela amandavilela
0
120
Crie seu Próprio Plano de Carreira
Avatar for Amanda Vilela amandavilela
0
86
Como otimizar a performance da sua aplicação JS
Avatar for Amanda Vilela amandavilela
0
130
Você nem sempre precisa de um framework JS
Avatar for Amanda Vilela amandavilela
0
120
Front-end: o que é, mercado e como começar
Avatar for Amanda Vilela amandavilela
1
120

Other Decks in Programming

See All in Programming
FactoryBotをやめればRSpecは速くなるのか？
Avatar for nissyi yuta_onishi_97
0
1.2k
선언형 햅틱 라이브러리 진동을 소개합니다
Avatar for HyunWoo Lee l2hyunwoo
1
130
オーケストレーション記述言語 Katari
Avatar for ゆきくらげ yukikurage
0
210
AI主導のプログラミング学習アプリを作ってみた
Avatar for econanringo econanringo
0
200
TanStack Vue Query と Pinia Colada から学ぶ非同期状態の型設計
Avatar for aoshi aoshi
0
450
コーディング自動化の次へ。人の介入をゼロにするファクトリーとサポートAIによる実践
Avatar for Seiji Takahashi timakin
5
4.9k
ActionController meets Protocol Buffers
Avatar for Sorah Fukumori sorah
1
750
PumaからFalconに移行したRailsアプリケーションでの実践
Avatar for Hayato OKUMOTO falcon8823
0
300
R8 の設定見直しでアプリサイズ削減
Avatar for ANDPAD inc andpad
0
240
[JA] Domain Modeling with Vanilla Rails: 「操作」から再考するRailsの設計論
Avatar for Yuichi Goto yasaichi
4
1.4k
作れる、でも消せるか？──安全に「枯らして消す」機能削除術 / Drain, Then Delete
Avatar for chobishiba chobishiba
3
1.3k
Snowflake Openflow Connector利用の勘所 / 20261024developersio2026tokyo-snowflake-openflow
Avatar for kasacchiful kasacchiful
PRO
0
250

Featured

See All Featured
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
550
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
3.1k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.5k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.2k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.4k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
5
54k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
2
420
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.7k

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