Web Underground

Você já ouviu falar da URL API? Ou da Payment Request API? Ou da especificação CSS Scroll Snap Points? Se ainda não, nesta talk explico o que estas e muitas outras tecnologias são e o porque que elas deveriam constar no seu leque de opções tecnológicas para um desenvolvimento web moderno, otimizado e de qualidade.

Transcript

1. WEb
   UNdeRgROunD
   

   View Slide

2. Sou Beto Muniz
   @obetomuniz
   

   View Slide

3. View Slide

4. View Slide

5. View Slide

6. View Slide

7. View Slide

8. AGenDA
   

   View Slide

9. bit.ly/wu-urlsearchparams
   URL & URSearchParams API
   

   View Slide

10. View Slide

11. bit.ly/wu-presentation
    Presentation API
    

    View Slide

12. View Slide

13. bit.ly/wu-web-share
    Web Share API
    

    View Slide

14. View Slide

15. Encrypted Media Extension API
    bit.ly/wu-eme
    

    View Slide

16. MediaSession API
    bit.ly/wu-media-session
    

    View Slide

17. Sem MediaSession Com MediaSession
    

    View Slide

18. Shape Detection API
    bit.ly/wu-shape-detection
    Face Detection API
    Barcode Detection API
    Text Detection API
    

    View Slide

19. View Slide

20. Streams API
    bit.ly/wu-streams
    

    View Slide

21. View Slide

22. Payment Request API
    bit.ly/wu-payments-request
    

    View Slide

23. View Slide

24. View Slide

25. Web Authentication API
    bit.ly/wu-web-authentication
    

    View Slide

26. Offline API
    bit.ly/wu-offline
    

    View Slide

27. View Slide

28. Cache API
    bit.ly/wu-cache
    

    View Slide

29. View Slide

30. Standby API
    bit.ly/wu-standby
    

    View Slide

31. :focus-within
    bit.ly/wu-fw
    

    View Slide

32. View Slide

33. View Slide

34. View Slide

35. :not
    bit.ly/wu-not
    

    View Slide

36. View Slide

37. View Slide

38. line-height-step Property
    bit.ly/wu-lhs
    

    View Slide

39. View Slide

40. View Slide

41. View Slide

42. CSS Filter
    bit.ly/wu-filters
    

    View Slide

43. View Slide

44. blur()
    brightness()
    contrast()
    drop-shadow()
    grayscale()
    hue-rotate()
    invert()
    opacity()
    saturate()
    sepia()
    url()
    custom()
    

    View Slide

45. font-display
    bit.ly/wu-font-display
    

    View Slide

46. View Slide

47. CSS Shapes
    bit.ly/wu-shapes
    

    View Slide

48. View Slide

49. Native Scroll Snap Points
    bit.ly/wu-cssp
    

    View Slide

50. View Slide

51. hyphens Property
    bit.ly/wu-hyphens
    

    View Slide

52. View Slide

53. View Slide

54. position: sticky
    bit.ly/wu-sticky
    

    View Slide

55. View Slide

56. caret-color Property
    bit.ly/wu-caret-color
    

    View Slide

57. View Slide

58. View Slide

59. CSS Logical Properties
    bit.ly/wu-csslp
    

    View Slide

60. block-size
    border-block-end
    border-block-end-color
    border-block-end-style
    border-block-end-width
    border-block-start
    border-block-start-color
    border-block-start-style
    border-block-start-width
    border-inline-end
    border-inline-end-color
    border-inline-end-style
    border-inline-end-width
    border-inline-start
    border-inline-start-color
    border-inline-start-style
    border-inline-start-width
    inline-size
    margin-block-end
    margin-block-start
    margin-inline-end
    margin-inline-start
    max-block-size
    max-inline-size
    min-block-size
    min-inline-size
    offset-block-end
    offset-block-start
    offset-inline-end
    offset-inline-start
    padding-block-end
    padding-block-start
    padding-inline-end
    padding-inline-start
    

    View Slide

61. 
    bit.ly/wu-dialog-element
    

    View Slide

62. View Slide

63. View Slide

64. View Slide

65. 
    bit.ly/wu-datalist
    

    View Slide

66. View Slide

67. 
    bit.ly/wu-wbr
    

    View Slide

68. View Slide

69. View Slide

70. Animated PNG
    bit.ly/wu-apng
    

    View Slide

71. View Slide

72. chromestatus.com
    

    View Slide

73. platform-status.mozilla.org
    

    View Slide

74. webkit.org/status/
    

    View Slide

75. developer.microsoft.com
    

    View Slide

76. View Slide

77. OBriGAdo
    @obetomuniz
    

    View Slide