Successfully reported this slideshow.

HTML5 Today #3

326 views

Published on

  • Be the first to comment

  • Be the first to like this

HTML5 Today #3

  1. 1. NOS APASIONA LA TECNOLOGÍA ¿Y A TÍ?
  2. 2. ¿QUIÉNES SOMOS? Kike Quintano @tessekkur Jorge Barrachina @ntkog
  3. 3. AUDIO Y VIDEO EN LA WEBNo Flash, no Silverlight, no plug-in <video> & <audio> CSS SVG & Canvas Javascript
  4. 4. SOPORTEConsultar la especificación siempre. IE9 Firefox 16 Chrome 23 Safari 5.1 Opera 12.1
  5. 5. FORMATOS En medio de la batalla!MPEG-4/H.264 > IE, Chrome, Safari (not royalty-free)WebM/VP8 > FF, Chrome, Opera (royalty-free)Ogg/Theora > FF, Chrome, Opera (free, but...)
  6. 6. ANTES DE INCLUIR VIDEO/AUDIOAsegúrate que tu servidor soporta los formatos (.htaccess) AddType video/ogg .ogv AddType video/mp4 .mp4 AddType video/webm .webm AddType audio/mp4 m4a
  7. 7. VIDEO/AUDIOSoluciones para todos los navegadores Video for everybody (read) MediaElement.js VIDEOJS Audio5js
  8. 8. VIDEO/AUDIOProyectos y librerías interesantes DRM in HTML5 (read) Web MIDI API howler.js Popcorn.js (Mozilla) BigVideoJS (jQuery Plugin) jQuery Tubular SublimeVideo
  9. 9. ¿CÓMO QUIERES TRANSMITIR TU MENSAJE? Haz que tu contenido sea más atractivoGet the Look - Sean McBrideMore Meaningful Typography - Tim Brown
  10. 10. PRUEBA TU SENTIDO ESTÉTICO Kern Type - Mark MacKay
  11. 11. ¡MANOS A LA OBRA! Primero un State of the Art sobre WebFontsMake the Web Fast - WebFonts - Ilya Grigorik y David Kuettel
  12. 12. FUENTE DE FUENTES Proveedores populares Google WebFonts TypeKit fonts.com
  13. 13. ¡QUIERO EMPEZAR YA!RÁPIDO, FÁCIL Y GRATISFont Squirrel - Prueba sus kitsWhat Font - Extensión para Chrome -@chengyinliu
  14. 14. ¡MI TEXTO COBRA VIDA! Textillate.JS - Jordan Schroter
  15. 15. FOLLOW FRIDAY NACIONAL @etnasoft @ibonilm @is__real @midesweb @nabaroa @wakkos
  16. 16. FOLLOW FRIDAY INTERNACIONAL @addyosmani @HTML5aldente @html5guy @jQueryBot @patrick_h_lauke @smashingmag
  17. 17. FOLLOW FRIDAY COMMUNITY @jgalaron @jonas_tg @KoldoMac @MarioIP @tdecs @wchiquito

×