HTML5 y CSS3 ¿Imprescindibles?

860 views

Published on

Presentación empleada durante el evento celebrado en Binaris el pasado 20 de marzo de 2013.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
860
On SlideShare
0
From Embeds
0
Number of Embeds
86
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

HTML5 y CSS3 ¿Imprescindibles?

  1. 1. HTML5 + CSS3¿Imprescindibles? Paco Fortis
  2. 2. Apuntad vuestras preguntas Evento 45 + 45
  3. 3. ¿Por qué HTML5? HTML 4.01 XHTML 1.0 XHTML 2.0 XHTML 5 HTML 5.1 WHATWGhttp://www.w3.org/TR/html5/ http://www.w3.org/html/logo/http://www.w3.org/html/wg/drafts/html/master/Overview.html
  4. 4. ¿Qué se pretende conseguir con HTML5? HTML + CSS + JavaScript - plugins + etiquetas - scripting + sencillo + potente + rendimiento independiente + compatible libre públicohttp://www.w3.org/TR/html5/http://www.w3.org/html/wg/drafts/html/master/Overview.html
  5. 5. ¿Qué aporta HTML5? web semántica mejores formularios audio vídeo canvas sockets web APIs amigas: almacenamiento offline Geolocation API Indexed Database APIhttp://www.w3.org/TR/html5/ http://www.w3.org/TR/geolocation-API/http://www.w3.org/html/wg/drafts/html/master/Overview.html http://www.w3.org/TR/IndexedDB/
  6. 6. HTML5 ¿Únicamente para Internet? http://html5test.com/
  7. 7. Maquillando la web<!DOCTYPE HTML><html lang="es"> <head> CSS 2.1 <meta charset="utf-8" /> <title>Título del sitio</title> </head> <body> CSS3 <div id="contenedor"> <header id="cabecera"> CSS4 <!-- Contenido de la cabecera --> <nav id="menuPrincipal"><!-- Menú principal --></nav> </header> <aside id="colIzq"> <!-- Contenido de la columna izquierda --> </aside> <div id="colCentro"> <!-- Contenido de la columna central --> <article> <!-- Artículo 1 --> </article> <article> <!-- Artículo 2 --> </article> </div> <footer id="pie"><!-- Contenido del pie --></footer> </div> </body></html>
  8. 8. ¿Qué aporta CSS3?+ selectores + unidades colores y transparencias
  9. 9. ¿Qué aporta CSS3?+ propiedades
  10. 10. ¿Qué aporta CSS3?+ propiedades
  11. 11. ¿Qué aporta CSS3?+ propiedades
  12. 12. ¿Qué aporta CSS3?+ funciones
  13. 13. ¿Qué aporta CSS3?+ funciones
  14. 14. ¿Qué aporta CSS3?+ funciones
  15. 15. ¿Qué aporta CSS3?media queries 1280 x 800
  16. 16. ¿Qué aporta CSS3?media queries 800 x 1280
  17. 17. ¿Qué aporta CSS3?media queries 800 x 480
  18. 18. ¿Qué aporta CSS3?media queries 480 x 800
  19. 19. Vuestro turno Preguntas
  20. 20. Gracias por estar aquí Francisco José Fortis Moreno https://twitter.com/fjfortis http://www.linkedin.com/in/pacofortis

×