Design a site like this with WordPress.com
Get started

La cuarta preview the IE10

Se ha publicado una nueva preview de IE10 para la Windows Developer Preview y se puede descargar aquí. Esta nueva preview de IE10 incluye un mayor soporte de las tecnologías de HTML5, permitiendo la creación de aplicaciones más ricas aún. La aceleración hardware en SVG, transformaciones CSS3 y animaciones ofrece un renderizado más rápido que en otros navegadores, podéis verlo en este video:

See some of the new HTML5 capabilities, performance improvements in IE10.

Con esta cuarta preview se puede empezar a trabajar con las últimas novedades de HTML5. Vamos a ver algunas de ellas. Continue reading “La cuarta preview the IE10”

Por dónde empezar con SVG III

Continuamos la serie sobre cómo trabajar con SVG. Si aún no lo habéis hecho aquí podéis leer la primera parte y aquí la segunda.

En el post de hoy veremos cómo hacer que las imágenes no se deformen, cómo trabajar con el DOM de la página y veremos algunas herramientas que nos pueden resultar útiles a la hora de trabajar con gráficos SVG. Continue reading “Por dónde empezar con SVG III”

Por dónde empezar con SVG II

Continuamos la serie sobre cómo trabajar con SVG. Si aún no lo habéis hecho aquí podéis leer la primera parte.

En el post de hoy veremos algunos errores que suelen ocurrir debido a las similitudes entre SVG y HTML, de manera que no perdamos mucho tiempo intentando averiguar qué es lo que está pasando. Continue reading “Por dónde empezar con SVG II”

HTML5 y subtítulos en vídeos

La promesa de HTML 5 es una Web que funcione para todos. La accesibilidad multimedia por medio de subtítulos es una parte muy importante de esa promesa y es un area que se tiene muy en cuenta en los estándars. Usando el elemento trac de HTML5, podemos añadir subtítulos a videos HTML5 a través de un archivo que contiene la información necesaria en formato de texto. Una vez que el estándar de subtítulos se estableza no será necesario instalar addins para publicar un video accesible:

Imagen de un video con subtítulos
Imagen de un video con subtítulos

El siguiente trozo HTML muestra cómo funciona el elemento track:

<video>

<sourcetype=”video/mp4″src=”video_file”></source>

<tracksrc=”captions_file”label=”English captions”kind=”captions”srclang=”en-us”default></track>

<tracksrc=”descriptions_file”label=”English description”kind=”descriptions”srclang=”en-us”></track>

</video>

La especificación de la W3C para HTML5 permite muchos formatos de subtítulos. La Beta de Internet Explorer 10 de la Windows Developer Preview soporta este elemento, pero aún no muestra los subtítulos. Y es que aún no hay nada decidido, sigue en estudio y hay un grupo para tratar el tema de los subtítulos

El equipo de Internet Explorer ha querido testear este escenario en el que se pueden usar varios formatos para obtener un mayor feedback, as’i que han creado un sitio en el que se puede usar el formato TTML-1.0 y el WebVTT. WebVTT surgió el año pasado y TTML es un estándar ya establecido para subtítulos soportado en Adobe Flash y Silverlight. Es usado en Netflix, Hulu y otros servidores para mostrar contenido en broadcast.

 Pantallazo del entorno de test para mostrar subtítulos

Podéis interactuar con el prototipo en el sitio de laboratorio de HTML 5. Mirad con vuestras herramientas el javascript qu ehace todo esto posible.

Juan María Laó Ramos.

Artículo original.

Sombras CSS3 en IE 10

IE 10 soportará por aceleración hardware las sombras de CSS3, algo muy pedido por los desarrolladores web.

Ya podemos usarlo con la Windows Developer Preview. En el post de hoy vamos a verlo un poco por encima.

Fijáos en la diferencia que puede haber entre aplicar sombras y no aplicarlas:

Este sería un texto sin tener sombra:

Texto sin sombra
Texto sin sombra

Si ahora escribimos su CSS de la siguiente forma:

.shadow1 { color: black; text-shadow: 2px 2px; }

Aparecerá algo parecido a esto:

Texto con sombra CSS3
Texto con sombra CSS3

 

En el blog de Internet Explorer nos cuentan de forma sencilla cómo podemos usarlo con muchos más ejemplos:

http://blogs.msdn.com/b/ie/archive/2011/09/29/css3-text-shadow-in-ie10.aspx

Espero que os guste.

Juan María Laó Ramos.

 

 

Firefox plantea el abandono de Java

Igual de sorprendido me he quedado yo al leerlo en Alt1040.

Parece que se ha roto el cifrado SSL/TLS debido a una vulnerabilidad presente en un applet de Java que puede ser explotado a través de inyección de Javascript.

Si, bueno, vale, algo amarillo cuando uno lee el hilo del foro de bugs de Mozilla: Block Java Plugin due to security vulnerabilities (BEAST TLS and bug in same-origin-policy).

Sin embargo está calificado como de gravedad normal con dos votos (en el momento de escribir este post).

Seguiremos el tema de cerca a ver qué pasa.

Juan María Laó Ramos.