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

Que tal usar CSS em vez de JS?

Amanda Vilela
September 30, 2017
Programming
1
45

Que tal usar CSS em vez de JS?

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

Amanda Vilela

September 30, 2017
Tweet

More Decks by Amanda Vilela

See All by Amanda Vilela
Web Performance: Não deixe o usuário desistir do seu site
amandavilela
1
170
Como tornamos os sorteios da BrazilJS on the Road Sorocaba mais divertidos utilizando JS
amandavilela
0
45
Sobre Carreira e Comunidades
amandavilela
0
21
PWA beyond theory - How to create your progressive web app
amandavilela
0
35
Como melhorar seu trabalho remoto
amandavilela
0
38
Crie seu Próprio Plano de Carreira
amandavilela
0
42
Como otimizar a performance da sua aplicação JS
amandavilela
0
83
Você nem sempre precisa de um framework JS
amandavilela
0
40
Front-end: o que é, mercado e como começar
amandavilela
1
43

Other Decks in Programming

See All in Programming
Neovimで好きなプラグイン5選 / my_5_favorite_neovim_plugins
uhooi
0
430
Jakarta EE 10 - Simplicity for Modern and Lightweight Cloud
ivargrimstad
0
130
Compose で手に入れた UI の Unit test
mkeeda
2
340
ふんわり使うPlantUML
suzuki
0
110
Réinventer le composant Console de Symfony
chalasr
2
260
アンドキュメンテッド ちょうぜつソフトウェア 設計入門 「オブジェクト指向に定義はない」のか？
tanakahisateru
2
700
PHPerKaigi2023｜技術負債とプロジェクトと私たち(technical debt&project&us)
weddingpark
0
140
PHPで任意精度演算を行って「正しい」金額計算をする方法 / Perform arbitrary precision arithmetic in PHP to achieve "accurate" monetary calculations
hiro_y
1
190
PDF_TDX_2023_Apex__What_s_New_and_What_s_Coming.pdf
fishofprey
3
830
Honoの3+1のルーターとそこにつながるPRがプロジェクトにもたらしたもの
usualoma
1
700
パフォーマンスを改善せよ！大規模システム改修の仕事の進め方 / Improve performance with Big project for PHPerKaigi 2023
taclose
0
140
Rustの手続きマクロで黒魔術入門
lemolatoon
2
530

Featured

See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
264
18k
Robots, Beer and Maslow
schacon
154
7.4k
Six Lessons from altMBA
skipperchong
15
2.4k
Building Applications with DynamoDB
mza
86
5k
Designing the Hi-DPI Web
ddemaree
273
33k
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.6k
KATA
mclloyd
12
10k
Faster Mobile Websites
deanohume
296
29k
10 Git Anti Patterns You Should be Aware of
lemiorhan
643
55k
Typedesign – Prime Four
hannesfritz
34
1.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
121
29k
The Invisible Customer
myddelton
113
12k

Transcript

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

    View Slide

  2. Amanda Vilela

    View Slide

  3. View Slide

  4. View Slide

  5. View Slide

  6. View Slide

  7. JavaScript

    View Slide

  8. O que o CSS tem me oferecer?

    View Slide

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

    View Slide

  10. https://codepen.io/amandavilela

    View Slide

  11. Devo fazer tudo com CSS?

    View Slide

  12. Calma

    View Slide

  13. View Slide

  14. Reflow & Repaint

    View Slide

  15. Repaint requer menos recursos

    View Slide

  16. Evite reflows

    View Slide

  17. Anime position absolute e fixed

    View Slide

  18. Tente usar visibility ou opacity em
    vez de display

    View Slide

  19. Manutenibilidade

    View Slide

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

    View Slide

  21. Obrigada :D
    amandavilela.com

    View Slide