HTML5 + CSS3 ¿Imprescindibles? Paco Fortis
HTML5 y CSS3 ¿Imprescindibles?
May 22, 2015
Presentación empleada durante el evento celebrado en Binaris el pasado 20 de marzo de 2013.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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
Related Documents
