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

Que tal usar CSS em vez de JS?

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Amanda Vilela Amanda Vilela
September 30, 2017
Programming
1
120

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
100
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
76
Sobre Carreira e Comunidades
Avatar for Amanda Vilela amandavilela
0
53
PWA beyond theory - How to create your progressive web app
Avatar for Amanda Vilela amandavilela
0
85
Crie seu Próprio Plano de Carreira
Avatar for Amanda Vilela amandavilela
0
65
Como otimizar a performance da sua aplicação JS
Avatar for Amanda Vilela amandavilela
0
110
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
94

Other Decks in Programming

See All in Programming
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
200
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.6k
CSC307 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
500
Raku Raku Notion 20260128
Avatar for hareyaka hareyakayuruyaka
0
340
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
5
490
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
5
770
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
2026年 エンジニアリング自己学習法
Avatar for yumechi(Motoki Hirao) yumechi
0
140
並行開発のためのコードレビュー
Avatar for Miyuki miyukiw
0
300
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
Avatar for azukiazusa azukiazusa1
1
740
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる！
Avatar for とすり tosuri13
1
180

Featured

See All Featured
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
74
11k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.8k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
430
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.1k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
240
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
1
56
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
3
220

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