html5

Vimeo también se apunta al HTML5

18 agosto 2010

Vimeo, uno de los portales de intercambio de vídeos más famosos de la red, ha anunciado el lanzamiento inminente de un reproductor de vídeo en HTML5 para ser compatible con dispositivos que no tengan el plugin de Flash instalado.

Tras el paso inicial de convertir todos sus vídeos al formato de códec .H264 para poder visualizarlos en dispositivos como el iPad y el iPhone, Vimeo ofrecerá el reproductor óptimo y con la tecnología adecuada dependiendo del navegador con el que acceda el usuario para incluir los vídeos de la plataforma en blogs y páginas web. El reproductor permitirá además seleccionar la versión de definición (estándar, HD o móvil) que se desea visualizar.

De este modo se suma a las otras plataformas de vídeo (como YouTube) que ofrecen esta funcionalidad a los usuarios como alternativa libre ante los productos de Adobe.

Suscríbete:

Usar HTML5 en los vídeos incrustados de YouTube

26 julio 2010

YouTube ha anunciado en su blog oficial la posibilidad de incrustar vídeos en nuestras páginas usando el reproductor HTML5.

A través de una línea de código se usará la etiqueta iframe para embeber el vídeo de YouTube. La ventaja de usar este método es que el propio iframe controlará si el navegador del cliente soporta la etiqueta video de HTML5, en caso contrario cargará la versión normal usando el plugin de Flash.

Probamos Jolicloud 1.0

21 julio 2010

En dolcebita ya hemos probado Jolicloud 1.0, versión que estará disponible a partir de esta semana para los usuarios, y tenemos que admitir que nos ha dejado un buen sabor de boca.

El trabajo realizado por el equipo de desarrollo de Jolicloud con el menú principal, el cual reemplaza al antiguo y nada atractivo Ubuntu Netbook Remix, es de sobresaliente. El menú, desarrollado íntegramente en HTML5, es la pieza clave en esta versión de la distribución, desde donde podemos lanzar las aplicaciones, consultar la actividad de la comunidad y gestionar los programas y webapps instalados.

Guacamole, un visor de VNC en HTML5

12 julio 2010

Guacamole es un proyecto open source que permite a los usuarios acceder y gestionar un equipo de forma remota a través de un navegador web compatible con HTML5.

El visor VNC de Guacamole está desarrollado en HTML5 y JavaScript y se conecta a un proxy escrito en Java instalado en el equipo al que se desea conectar, por lo que se requiere un contenedor de servlets, como por ejemplo Apache Tomcat, instalado en esa máquina.

Según los desarrolladores del proyecto, Guacamole ofrece la misma experiencia de uso que un cliente VCN nativo y que está preparado para soportar funcionalidades como codificación CopyRect o el cursor del lado del cliente, siempre que el servidor lo permita.

La próxima semana se lanzará Jolicloud 1.0

9 julio 2010

Noticia interesante para todos los poseedores de un netbook: Jolicloud, una de las mejores distribuciones para estos equipos, lanzará su versión 1.0 la próxima semana.

La primera versión de este sistema operativo para netbooks diseñado especialmente para la nube estará disponible tras casi dos años de intenso desarrollo y versiones beta para ofrecer la máxima compatibilidad con la gran mayoría de los modelos de netbook existentes en el mercado, incluyendo los equipados con pantallas táctiles.

Y su lanzamiento llega con algunas novedades interesantes para los actuales usuarios del sistema…

Aprende con Google a programar en HTML5

23 junio 2010

Las buenas relaciones de Google con Adobe, promoviendo Flash en sus teléfonos Android, no tienen por qué ser un motivo de despreciar HTML5 y apoyar a los desarrolladores web a utilizar más esta tecnología.

A través de la web http://www.html5rocks.com/ Google ofrece presentaciones, tutoriales y ejemplos para dar a conocer entre los programadores las ventajas y capacidades de la unión de HTML + CSS + JS. Tutoriales por ejemplo para aprender como habilitar tu aplicación web para que funcione en modo offline, acceso a la geolocalización o leer archivos locales mediante JavaScript.

Ya puedes probar la versión beta del nuevo Opera

16 junio 2010

La nueva versión del navegador Opera (todavía en fase beta) ya está disponible para su descarga gratuita en la web oficial para las plataformas Windows, GNU/Linux y Mac OS X.

La nueva versión, la 10.60, ofrece un renovado interfaz de usuario mucho más claro y minimalista con mejoras en el botón principal de menú, el Speed Dial y la previsualización de pestañas. Pero lo más importante está en su interior ya que según las pruebas que han realizado está versión es un 75% más rápida que el actual Opera 10.50. Esta mejora es, sobre todo, debida a la optimización de su motor de JavaScript, que en pruebas ha demostrado ser un 50% más eficaz y veloz.

Box.net habilita la opción de arrastrar y soltar directamente ficheros entre el escritorio y la web

2 junio 2010

Utilizando el potencial de HTML5 el servicio de almacenamiento online Box.net ha habilitado una nueva versión de su página web que permite la subida de ficheros a la nube usando drag&drop, es decir, arrastrándolos directamente desde el escritorio a la web.

La nueva funcionalidad, que de momento solo está disponible para aquellos navegadores que soporten esta propiedad de HTML5 – por ejemplo Chrome o Firefox 3.6 -, es el comienzo de una serie de nuevas características que el sitio web de almacenamiento va a presentar próximamente. Entre estas nuevas características anuncian la posibilidad de geoposicionar los archivos y de ofrecer soporte nativo a los ficheros multimedia.

Además quieren ofrecer una mejor experiencia de uso implantando opciones como la pausa/reanudación de subidas de archivos, la posibilidad de trabajar offline y un selector múltiple de ficheros para las subidas.

Usar las fuentes de Google Font API en nuestras páginas web

20 mayo 2010

Google Font API es una de las nuevas herramientas anunciadas ayer en el evento I/O 2010. Esta herramienta nos permite incluir tipografías open source en nuestros desarrollos web de una forma sencilla simplemente añadiendo una línea de código.

Google se encargará de almacenar estas tipografías en un directorio de fuentes que podremos utilizar con tres sencillos pasos:

1.-Acceder al directorio de fuentes de Font API y seleccionar la fuente que deseamos utilizar haciendo clic sobre ella. En este ejemplo vamos a seleccionar la fuente Yanone Kaffeesatz:

2.- En la ficha de la fuente seleccionada tenemos una previsualización de la misma en diferentes tamaños de letra, así como la posibilidad de revisar todos los caracteres incluídos (por ejemplo, por si queremos ver si soporta tildes). Si nos movemos a la pestaña de Get Code tendremos el código necesario que tenemos que incluir en nuestra página para usar la tipografía:

Además tenemos marcado el nombre que tendremos que utilizar en la propiedad font-family de la hoja de estilos para vincular la tipografía a un elemento determinado.

3.- Finalmente añadimos esta línea dentro de la etiqueta head de nuestro código y antes de su utilización en el css. Un ejemplo sencillo sería:

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Google Font API</title>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
<style>body{ font-family: 'Yanone Kaffeesatz', arial, serif; font-size:75px; text-shadow:4px 4px 4px #aaa; }</style>
</head>
<body>
Google Font API : )
</body>
</html>

Y su resultado nos daría:

Y cabe destacar que Google Font API ofrece compatibilidad total con navegadores obsoletos. Por ejemplo, si entramos en la ficha de la fuente Yanone Kaffeesatz con el navegador Internet Explorer 6:

Más información: http://code.google.com/apis/webfonts/

Lo que nos ha dejado el primer día del Google I/O

2 junio 2010

En el Moscone Center de San Francisco ha comenzado el I/O 2010, el evento de Google más importante enfocado principalmente a los desarrolladores. Durante la conferencia del primer día Google ha anunciado muchas novedades que vamos a enumerar a continuación, la mayoría de ellas enfocadas al futuro de la web y la utilización de HTML5.

La guerra de los codecs de vídeo en HTML5

3 mayo 2010

H.264, Ogg Theora… ¿te suenan estos nombres? Son nombres de codecs de vídeo que pretenden convertirse en el estándar para HTML5.

¿Te he aclarado algo? ¿No? Vale, vamos allá:

Punto 1: Las páginas web que visitas están escritas en un lenguaje de programación que se llama HTML y que el navegador interpreta para que tu las puedas visualizar. Este lenguaje tiene diferentes etiquetas que identifican los elementos de una web: los títulos, las listas, las imágenes, los enlaces…

Con el paso de los años se han necesitado añadir nuevos elementos que inicialmente no existían en la web. Entre las novedades destacan las etiquetas de <audio> y <video>. Estas etiquetas permitirán reproducir multimedia de forma nativa sin necesidad de contar con plugins externos como actualmente pasa: por ejemplo, si quieres ver vídeos en YouTube necesitas tener instalado Flash en tu equipo (a no ser que entres en la versión HTML5).

Punto 2: Cuando quieras publicar un vídeo en tu web usando la nueva etiqueta <video> para que el navegador lo reproduzca, éste tendrá que estar codificado con un determinado codec. ¿Esto qué viene a ser? Pues sería como pasarle un proceso para que el vídeo ocupe menos (facilitando así la descarga y reproducción) y conservando la calidad incial.

El problema es que no existe actualmente un codec estándar y hasta ahora la lucha está entre Ogg Theora, que es un códec libre y de código abierto, y H.264, un códec propietario con una licencia de uso pero que es más actual y ofrece una mejor calidad.

Punto 3: ¿cuál es la posición de los principales navegadores? Pues a día de hoy la cosa está dividida: por un lado tenemos a Mozilla Firefox y a Opera que defienden el uso de Ogg Theora aunque su calidad no sea mejor. Si el resto de estándares que compondrán la futura web (HTML, CSS y JavaScript) son gratuítos y libres, el códec utilizado también lo debería ser.

Por otro lado tenemos la opción de la industria con Apple como defensor principal del códec H.264, soportado en su navegador Safari (incluyendo la versión móvil). Y estos días hemos conocido que la versión de Internet Explorer 9 también ofrecerá soporte solamente para este formato (esto NO quiere decir que Safari o IE 9 no vayan a soportar Flash).

Google, por su parte, en lugar de posicionarse ha tomado dos medidas: por un lado su navegador Google Chrome acepta cualquiera de los dos formatos, por lo que le dará igual cuál triunfe en el futuro. Pero por si fuera poco además también soporta VP8, un códec comprado por Google a la empresa On2 Technologies, con más calidad incluso que H.264 y que puede acabar con esta guerra si finalmente Google decide liberarlo para que su uso sea gratuíto.

Conclusión:

Pues la conclusión más clara sin duda es que Ogg Theora es el códec que más negro tiene su futuro. La decisión de Apple ahora apoyada por Microsoft para convertir H.264 como códec principal en la era HTML5 supone una gran ventaja con respecto a sus competidores, aunque los navegadores que lo soporten tendrían que pagar hasta 5 millones de dólares cada año en cuestión de licencias de uso.

Si finalmente VP8 es liberado por Google jugará un papel decisivo en la lucha por el estándar y podría llegar a imponerse a H.264.

Esperamos que esta entrada haya despejado tus dudas.

Encuesta:

Participa en nuestra encuesta:

[polldaddy poll="3145247" title="¿Cuál debe de convertirse en el códec estándar en HTML5?"]

iAd, la plataforma de publicidad de Apple en el iPhone

19 abril 2010

Entre las novedades de la próxima versión del sistema operativo del iPhone hablábamos de iAd, la nueva plataforma de publicidad de Apple.

Muchas de las aplicaciones disponibles para el iPhone e iPad son gratuítas, pero contienen pequeños banners o anuncios publicitarios similares a los que encontramos en las páginas web. Apple tiene en cuenta que este modo de publicidad es la única vía de ganancia para los desarrolladores de esas aplicaciones, pero remarca que está anticuado y no produce realmente ningún interés en el usuario.

A través de iAd se pretende vitaminar a los anuncios de tal manera que sean interactivos y provoquen una nueva experiencia en el usuario. Para ello tendrán incluidos mini-juegos, descargas de tonos y fondos de pantalla, vídeos e incluso mapas con localizaciones de las tiendas más cercanas en donde se puede obtener ese producto. O por que no, realizar la compra directamente desde el teléfono.

Todo utilizando el potencial de HTML5 para ofrecer algo novedoso como podemos ver en este extracto de vídeo de la presentación realizada por Steve Jobs:

Gmail mejora la integración con Calendar y soporta Drag&Drop

15 abril 2010

Gmail se ha actualizado hoy para ofrecer dos nuevas funcionalidades: integración con Google Calendar y soporte drag&drop para los archivos adjuntos.

Integración con Google Calendar

A partir de ahora se pueden enviar invitaciones de eventos directamente por correo. Mediante el enlace “Insertar: invitación” situado al lado de “Adjuntar” accederemos a una ventana desde la que podremos crear un evento que será enviado como invitación a los destinatarios del correo electrónico.

Desde esta ventana podrás ver la disponibilidad de los usuarios en su calendario (en caso de que sea información pública), definirás el horario, el lugar de la cita y una descripción.

Una utilidad sencilla pero muy cómoda que seguro reducirá el tiempo a la hora de enviar invitaciones.

Drag and Drop en los adjuntos

La otra nueva característica utiliza una de las propiedades de HTML5. A la hora de adjuntar ficheros a un correo electrónico ya no tendremos que pulsar el enlace de “Adjuntar” e ir seleccionando los archivos.

Simplemente arrastrándolos a la ventana del navegador y soltándolos en el área establecida se adjuntarán automáticamente en el correo.

Estas dos mejoras están disponibles de momento solo en la versión inglesa del servicio y se integrarán para el idioma castellano en los próximos días.