html5 y css3 ¿imprescindibles?
DESCRIPTION
Presentación empleada durante el evento celebrado en Binaris el pasado 20 de marzo de 2013.TRANSCRIPT
HTML5 + CSS3¿Imprescindibles?
Paco Fortis
Apuntad vuestras preguntas
Evento
45 + 45
¿Por qué HTML5?
HTML 4.01
XHTML 1.0
XHTML 2.0
XHTML 5
HTML 5.1
http://www.w3.org/TR/html5/
http://www.w3.org/html/wg/drafts/html/master/Overview.html
http://www.w3.org/html/logo/
WHATWG
¿Qué se pretende conseguir con HTML5?
HTML + CSS + JavaScript - plugins
+ etiquetas - scripting
independiente
libre público
http://www.w3.org/TR/html5/
http://www.w3.org/html/wg/drafts/html/master/Overview.html
+ sencillo + rendimiento
+ compatible
+ potente
¿Qué aporta HTML5?
http://www.w3.org/TR/html5/
http://www.w3.org/html/wg/drafts/html/master/Overview.html
web semánticamejores formularios
almacenamiento offline
audiovídeo
canvas sockets web
http://www.w3.org/TR/geolocation-API/
http://www.w3.org/TR/IndexedDB/
APIs amigas:Geolocation APIIndexed Database API
http://html5test.com/
HTML5 ¿Únicamente para Internet?
Maquillando la web
<!DOCTYPE HTML><html lang="es">
<head><meta charset="utf-8" /><title>Título del sitio</title>
</head><body>
<div id="contenedor"><header id="cabecera">
<!-- 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>
CSS 2.1
CSS3CSS4
¿Qué aporta CSS3?
+ selectores+ unidades
colores y transparencias
¿Qué aporta CSS3?
+ propiedades
¿Qué aporta CSS3?
+ propiedades
¿Qué aporta CSS3?
+ propiedades
¿Qué aporta CSS3?
+ funciones
¿Qué aporta CSS3?
+ funciones
¿Qué aporta CSS3?
+ funciones
¿Qué aporta CSS3?
media queries 1280 x 800
¿Qué aporta CSS3?
media queries 800 x 1280
¿Qué aporta CSS3?
media queries 800 x 480
¿Qué aporta CSS3?
media queries 480 x 800
Vuestro turno
Preguntas
Gracias por estar aquí
Francisco José Fortis Morenohttps://twitter.com/fjfortis
http://www.linkedin.com/in/pacofortis