$30 off During Our Annual Pro Sale. View Details »

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
95
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
72
Sobre Carreira e Comunidades
Avatar for Amanda Vilela amandavilela
0
49
PWA beyond theory - How to create your progressive web app
Avatar for Amanda Vilela amandavilela
0
77
Crie seu Próprio Plano de Carreira
Avatar for Amanda Vilela amandavilela
0
62
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
86
Front-end: o que é, mercado e como começar
Avatar for Amanda Vilela amandavilela
1
93

Other Decks in Programming

See All in Programming
Graviton と Nitro と私
Avatar for maroon1st maroon1st
0
140
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
Avatar for osari.k cloverrose
2
380
20251212 AI 時代的 Legacy Code 營救術 2025 WebConf
Avatar for mouson(墨嗓) mouson
0
220
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
300
re:Invent 2025 トレンドからみる製品開発への AI Agent 活用
Avatar for Kohei Yoshikawa yoskoh
0
430
GISエンジニアから見たLINKSデータ
Avatar for nokonoko1203 nokonoko1203
0
180
Pythonではじめるオープンデータ分析〜書籍の紹介と書籍で紹介しきれなかった事例の紹介〜
Avatar for Ryo YOSHI welliving
3
610
生成AI時代を勝ち抜くエンジニア組織マネジメント
Avatar for coconala_engineer coconala_engineer
0
22k
perlをWebAssembly上で動かすと何が嬉しいの？？？ / Where does Perl-on-Wasm actually make sense?
Avatar for mackee mackee
0
150
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
190
Jetpack XR SDKから紐解くAndroid XR開発と技術選定のヒント / about-androidxr-and-jetpack-xr-sdk
Avatar for にー兄さん drumath2237
1
190
チームをチームにするEM
Avatar for hitode909 hitode909
0
390

Featured

See All Featured
Visualization
Avatar for Eitan Lees eitanlees
150
16k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
91
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
37
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
1
24
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
23k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
61
50k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
A Soul's Torment
Avatar for Nat Ma seathinner
1
2k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k

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