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

Que tal usar CSS em vez de JS?

Avatar for Amanda Vilela Amanda Vilela
September 30, 2017
Programming
1
110

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

Other Decks in Programming

See All in Programming
WebエンジニアがSwiftをブラウザで動かすプレイグラウンドを作ってみた
Avatar for uutan1108 ohmori_yusuke
0
170
猫と暮らすネットワークカメラ生活🐈 ~Vision frameworkでペットを愛でよう~ / iOSDC Japan 2025
Avatar for Yutaro Muta yutailang0119
0
220
クラシルを支える技術と組織
Avatar for raku rakutek
0
190
なぜGoのジェネリクスはこの形なのか？ Featherweight Goが明かす設計の核心
Avatar for Ryotaro ryotaros
7
1k
CSC305 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
260
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
150
Local Peer-to-Peer APIはどのように使われていくのか？
Avatar for Hal hal_spidernight
2
450
Catch Up: Go Style Guide Update
Avatar for ANDPAD inc andpad
0
180
AIで開発生産性を上げる個人とチームの取り組み
Avatar for TaniiGo taniigo
0
130
LLMとPlaywright/reg-suitを活用した jQueryリファクタリングの実際
Avatar for kinocoboy kinocoboy2
4
670
育てるアーキテクチャ：戦い抜くPythonマイクロサービスの設計と進化戦略
Avatar for fujidomoe fujidomoe
1
150
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
Avatar for yuhi yuhisatoxxx
3
920

Featured

See All Featured
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
114
20k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
960
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k

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