Que tal usar CSS em vez de JS?

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

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

Want more?

3ab1d4a265ad9289afe10956a78271df?s=48 amandavilela
1
100
3ab1d4a265ad9289afe10956a78271df?s=48 amandavilela
0
12
3ab1d4a265ad9289afe10956a78271df?s=48 amandavilela
0
7
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
2
190
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
1
93
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
82
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
5
170
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
5
170
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
2
230
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
2
450
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
120
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
4
210

Transcript

  1. 1.

    Que tal usar CSS em vez de JS? Amanda Vilela

    DevFest Cerrado
  2. 2.

    Amanda Vilela

  3. 3.
    None
  4. 4.
    None
  5. 5.
    None
  6. 6.
    None
  7. 7.

    JavaScript

  8. 8.

    O que o CSS tem me oferecer?

  9. 9.

    O que dá pra fazer com isso tudo?

  10. 10.

    https://codepen.io/amandavilela

  11. 11.

    Devo fazer tudo com CSS?

  12. 12.

    Calma

  13. 13.
    None
  14. 14.

    Reflow & Repaint

  15. 15.

    Repaint requer menos recursos

  16. 16.

    Evite reflows

  17. 17.

    Anime position absolute e fixed

  18. 18.

    Tente usar visibility ou opacity em vez de display

  19. 19.

    Manutenibilidade

  20. 20.

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

  21. 21.

    Obrigada :D amandavilela.com