Últimas novedades en
HTML5 y CSS3

María Evangelina Ferreira

¿Y yo qué?

María Evangelina Ferreira

¿Blink?

Los motores de renderizado

Logos de navegadores Primera etapa de 2013 Primera etapa de 2013 Primera etapa de 2013

El extraño caso de Maxthon

Logo de Maxthon

Degradados como fondos

Lo básico

Entonces...

Degradados con más de dos colores

Degradados radiales

Ending-shape / Size + AT position

Degradados - Repetirlos

Fondos avanzados en CSS3

Más ejemplos:

Lea Verou - Background patterns en CSS3

Lea Verou - Background patterns en CSS3

Para zafar del código:

Colorzilla - Gradient Editor (¡Limitado!)

¿Preguntas?

Semántica

¿¡SEMÁNTICA!?

"Cada vez que alguien dice que el contenedor es un <section> un gatito muere."

Semántico, ca:

(Del gr. σημαντικός, significativo).
1. adj. Perteneciente o relativo a la significación de las palabras.
2. f. Estudio del significado de los signos lingüísticos y de sus combinaciones, desde un punto de vista sincrónico o diacrónico.

La semántica ya existía en la web

El uso correcto de los lenguajes:

La etiqueta <main>:

Cumple la función del <div id="contenido">
NO del <div id="contenedor/wrapper">

La etiqueta <i>:

<i lang="en">Every cloud has a silver lining<i>

[...]una designación taxonómica, un término técnico, una frase idiomática en otro idioma, un pensamiento o un nombre de barco.

HTML5 no es XHTML5

Esto significa que el código no es tan estricto como antes y...

Nuevo doctype <doctype html>

Adios a <hgroup>

Lo que esta en riesgo:

Debido a la falta de implementación

CSS4

Volver al futuro

propiedad border-corner-shape

Border-corner-shape (curve/bevel/scoop/notch)

Volver al futuro

El futuro de los degradados

Avances en CSS4

Maturity Levels

  1. Editor's Draft
  2. Public Working Draft + Feedback
  3. Otro Working Draft
  4. Last Call Working Draft (3 semanas, 2 meses)
  5. Candidate Recomendation:
  6. Invitados a ser implementados
  7. Testeo (dos motores de renderizado distintos)
  8. Proposed Recommendation (casi siempre se convierte en ...)
  9. Recommendation!

¿Cómo sobrevivir los cambios?

Aprender inglés

¿Cómo sobrevivir los cambios?

Seguir gente cool en Twitter

¿Cómo sobrevivir los cambios?

¿Preguntas?