Subtítulos en vídeos con HTML 5

Es de todos sabido, o por lo menos, conocida, la nueva etiqueta de HTML 5 <video>, gracias a la cual se pueden reproducir de manera nativa en el entono web, vídeos. Pues bien, resulta que HTML 5 ha ido más allá, dándonos más control.

En este caso, con la característica de los subtítulos, lo cuales están ganando terreno cada vez más.

La idea es que estos subtítulos cumplan con el sistema Closed Caption para que las personas con deficiencia auditiva o visual puedan comprender el contenido que les queremos transmitir, o simplemente para dotar a nuestros vídeos de una transcripción en otros idiomas.

Dependiendo del navegador podremos utilizar diferentes formatos, como por ejemplo TTML, SRT, WebVTT, etcétera. En este post hablaremos del último nombrado.

Resto del artículo (fuente original).

Programming Windows 8 Apps with HTML, CSS, and JavaScript (Second Preview)

Desarrollo de Aplicaciones Windows 8 Apps con HTML, CSS y Javascript.

Accceso a blog oficial de Microsoft en el que podemos acceder a la dercarga de la "Second Preview" (en formato pdf) del título oficial de próxima publicación orientado al desarrollo de aplicaciones para Windows App Store con HTML, CSS y Javascript.

Acceso, igualmente, a los vídeos y soluciones que tratan en el libro. Lo que ellos llaman, "Second Preview’s companion content"

Aquí el enlace.

Microsoft HTML 5

Links a páginas que pueden ser de interés

Channel 9 MSDN

• Acceso a 6 lecciones acerca del funcionamiento de HTML 5 (Fundamentos HTML5, XHTML, CSS, Working with Canvas…)

• Building Windows 8 Metro style casual games using HTML 5, video de ayuda para desarrolladores de HTML%/Javascript para el desarrollo de su primera aplicación Metro Style App

• Acceso a varios videos donde explica el funcionamiento de HTML5, la forma de trabajar…

• Acceso a un tutorial y a contenidos orientados al desarrollo de nuestra primera aplicación Windows Store App

MVA – Microsoft Virtual Academy

• Donde, una vez registrado, podrás acceder a contenidos docentes en desarrollo para Windows 8 con HTML5 entre otros

Tutorial HTML 5 para principiantes

Se trata de un tutorial (en inglés, pero como es para beginners... no problem!) para comenzar con HTML 5 y sus etiquetas.

Cuando se haya completado este tutorial, se tendrá un conocimiento básico del HTML y sabrá obtener un dominio y construir un sencillo website.

Resto del artículo (fuente original)

Crea una Página Web en HTML5 y CSS

Es un vídeo de youtube

Fuente original

How to Create an Video Player in jQuery, HTML5 & CSS3

In this tutorial we will code an Video Player from Impressionist UI by Vladimir Kudinov. We will code it with CSS3 for the styling and the “MediaElement.js” for the functionality. MediaElement.js is a HTML5 audio and video player that also works for older browsers using Flash and Silverlight to mimic the HTML5 MediaElement API.

Resto del artículo (fuente original)

LungoJS

El día 21 de diciembre, el gran Manu y yo asistimos a una demo del uso de un framework para aplicaciones web móviles.

Dicho framework es opensource, lo cual lo hace más interesante.

Se trata de una API Javascript para dispositivos móviles sin usar librerías. Hace uso de HTML5, CSS3, LESS y ooCSS.

• Da acceso mediante ORM a WebSQL
• Provée de eventos como TAP, SWIPE, TOUCHSTART, etc.,
• Enrutar (o sea, usando el atributo data-target, puedes moverte mediante Javascript.
• Sólo permite consumir servicios REST (json)
• Se puede hacer uso de TEMPLATES, DATA-BINDING, SCROLLs...

Luego tiene acceso a componente físicos del teléfono (llamados Sugars)

• Notificaciones con full-CSS3
• Acceso al GPS (tanto la posición como la información geográfica)
• Gestionar múltiples idiomas
• Conectar a servicio sociales (Foursquare, Twitter, Google+, etc)
• Calendario full-CSS3

Os recuerdo que estamos hablando de aplicaciones móviles.
Lo más acojonante, es que es un proyecto abierto que te puedes bajar desde GitHub y modificarlo a tu antojo.

Proyecto en GitHub

Autenticación y registro de formularios con HTML5 y CSS3

In this tutorial we are going to create two HTML5 forms that will switch between login and registration using the CSS3 pseudo class :target. We will style it using CSS3 and an icon font. The idea behind this demo is to show the user the login form and provide a link to “switch” to the registration form.

Resto del artículo (fuente original)