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
88

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
79
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
58
Sobre Carreira e Comunidades
Avatar for Amanda Vilela amandavilela
0
32
PWA beyond theory - How to create your progressive web app
Avatar for Amanda Vilela amandavilela
0
54
Crie seu Próprio Plano de Carreira
Avatar for Amanda Vilela amandavilela
0
52
Como otimizar a performance da sua aplicação JS
Avatar for Amanda Vilela amandavilela
0
98
Você nem sempre precisa de um framework JS
Avatar for Amanda Vilela amandavilela
0
76
Front-end: o que é, mercado e como começar
Avatar for Amanda Vilela amandavilela
1
85

Other Decks in Programming

See All in Programming
Orleans + Sekiban + SignalR でリアルタイムWeb作ってみた
Avatar for Tomohisa Takaoka tomohisa
0
210
プロフェッショナルとしての成長「問題の深掘り」が導く真のスキルアップ / issue-analysis-and-skill-up
Avatar for MinoDriven minodriven
8
1.9k
Vibe Coding の話をしよう
Avatar for schroneko schroneko
12
3.5k
個人開発の学生アプリが企業譲渡されるまで
Avatar for akidon0000 akidon0000
1
1.1k
eBPF超入門「o11yに使える」とは (20250424_eBPF_o11y)
Avatar for Koki Senda thousanda
1
100
Road to RubyKaigi: Making Tinny Chiptunes with Ruby
Avatar for makicamel makicamel
4
520
エンジニア向けCursor勉強会 @ SmartHR
Avatar for Yuki Horikoshi yukisnow1823
3
11k
サービスレベルを管理してアジャイルを加速しよう！！ / slm-accelerate-agility
Avatar for TomoyaKitaura tomoyakitaura
1
190
The Missing Link in Angular’s Signal Story: Resource API and httpResource
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
Instrumentsを使用した アプリのパフォーマンス向上方法
Avatar for hinakko hinakko
0
220
fieldalignmentから見るGoの構造体
Avatar for kuro kuro_kurorrr
0
130
Memory API : Patterns, Performance et Cas d'Utilisation
Avatar for José josepaumard
1
160

Featured

See All Featured
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
75
5.8k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
178
53k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.4k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
10k
Code Review Best Practice
Avatar for Trisha Gee trishagee
67
18k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
47
2.7k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
410
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.1k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1030
460k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.5k

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