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

Que tal usar CSS em vez de JS?

3ab1d4a265ad9289afe10956a78271df?s=47 Amanda Vilela
September 30, 2017
Programming
1
39

Que tal usar CSS em vez de JS?

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

3ab1d4a265ad9289afe10956a78271df?s=128

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
3ab1d4a265ad9289afe10956a78271df?s=48 amandavilela
1
170
Como tornamos os sorteios da BrazilJS on the Road Sorocaba mais divertidos utilizando JS
3ab1d4a265ad9289afe10956a78271df?s=48 amandavilela
0
40
Sobre Carreira e Comunidades
3ab1d4a265ad9289afe10956a78271df?s=48 amandavilela
0
16
PWA beyond theory - How to create your progressive web app
3ab1d4a265ad9289afe10956a78271df?s=48 amandavilela
0
30
Como melhorar seu trabalho remoto
3ab1d4a265ad9289afe10956a78271df?s=48 amandavilela
0
36
Crie seu Próprio Plano de Carreira
3ab1d4a265ad9289afe10956a78271df?s=48 amandavilela
0
35
Como otimizar a performance da sua aplicação JS
3ab1d4a265ad9289afe10956a78271df?s=48 amandavilela
0
78
Você nem sempre precisa de um framework JS
3ab1d4a265ad9289afe10956a78271df?s=48 amandavilela
0
36
Front-end: o que é, mercado e como começar
3ab1d4a265ad9289afe10956a78271df?s=48 amandavilela
1
38

Other Decks in Programming

See All in Programming
WindowsコンテナDojo：第2回 Windowsコンテナアプリのビルド、公開、デプロイ
E5eb221d34d4ffbe973f8542b4c3a00e?s=48 oniak3ibm
PRO
0
160
Why declarative UI frameworks?
6233177bc63ec02060206adef9108601?s=48 tkuenneth
0
200
Quartoを使ってみませんか / quarto_get_started
D12a80cab206033a820ccff8319f957b?s=48 s_uryu
2
430
iOSアプリの技術選択2022
0620564f0125b8b3b7f4fe40c10b8b4e?s=48 tattn
6
2.6k
Cloud-Conference-Day-Spring Cloud + Spring Webflux: como desenvolver seu primeiro microsserviço reativo em Java?
102398563fd1bf878b35dc2d5ee67cbe?s=48 kamilahsantos
1
170
dbtとBigQueryで始めるData Vault入門
F2bd408c57c20505bd4202c9e28ecd59?s=48 kazk1018
0
200
Android入門
180bbdf8267422d5814fd498ecea043a?s=48 hn410
0
310
Reactive Microservices with Spring Boot and JHipster - Spring I/O 2022
72a2082c6a4dd79ad68befb3db911616?s=48 mraible
PRO
2
540
Kotlin 最新動向2022 #tfcon #techfeed
14c9795d267f5b85abb98ca5e8780646?s=48 ntaro
1
1.2k
テスト設計技法をなぜ＆どのように使うのか体験しよう！
Add1036688abcb2e3dbff7c3090f7e35?s=48 imtnd
0
540
Learning DDD輪読会#4 / Learning DDD Book Club #4
E10ba38646a905c8cd2c893c84d5c520?s=48 suzushin54
1
160
Composing an API with Kotlin (Kotlin Dev Day 2022)
4047c64e3a1e2f81addd4ba675ddc451?s=48 zsmb
0
310

Featured

See All Featured
Building Adaptive Systems
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
25
1.1k
The Most Common Mistakes in Cover Letters
1ce0eb06fd6a9e9566a0cb310cfee635?s=48 jrick
PRO
4
24k
Making the Leap to Tech Lead
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
113
6.9k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
100
5.9k
The Web Native Designer (August 2011)
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
74
1.9k
Reflections from 52 weeks, 52 projects
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
337
17k
GraphQLとの向き合い方2022年版
893f54413c2bd9ba41d11d753aacaf2c?s=48 quramy
16
8.1k
Build your cross-platform service in a week with App Engine
5f83ef806155b403c3393160ce51f955?s=48 jlugia
219
17k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
15
920
Teambox: Starting and Learning
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
121
7.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
103
16k
5 minutes of I Can Smell Your CMS
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
196
18k

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