Archive for April, 2010

Soluciona tus incompatibilidades con Internet Explorer

Escrito por en 30/04/2010

¿Eres desarrollador o maquetador Web y estás harto de las incompatibilidades de Internet Explorer? En éste mundillo es algo que a todos nos ocurre, por todos es sabido que no cumple muchos de los estándares Web, lo que complica la vida a los que nos dedicamos a ello.

Hace unos meses descubrí una librería en Javascript que soluciona ciertas incompatibilidades de IE y hace cumplir los estándares Web. Aunque está claro que ésto no lo solucionará todo, pero si que en parte nos evitará algún que otro dolor de cabeza.

Si queréis que las versiones de IE ( 5 a 8 ) se comporten como los demás navegadores, es decir, respetando los estándares Web y reparando sus fallos. Es tan simple como introducir este JS en vuestro proyecto, aunque yo os recomiendo descargarlo y subirlo en vuestro servidor.

<!-- Author: Dean Edward -->

<!--[if IE]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta3)/IE9.js"></script>
<![endif]--></a>

En la web del proyecto tenéis más explicaciones sobre la utilización del mismo.
Por lo que he podido ver en las últimas semanas, el proyecto está en constante desarrollo. No hay más que entrar en el repositorio del proyecto y ver las recientes actualizaciones del mismo.

Si tenéis un Internet Explorer a mano, podéis entrar en la página de demos, y ver las cosas que arregla éste JS, y por tanto, funcionan como deberían.

Sin duda es algo que nos ayudará en ciertos proyectos y que habrá que tener en cuenta.

Quick Highlighter, colorea tu código online

Escrito por en 30/04/2010

No tienes un editor decente a mano y necesitas colorear tu código para una entrega o presentación? Quick Highlighter nos evitará más de un apuro. Simple, escoge el lenguage de programación y pega tu código.

ENLACE DIRECTO

TipTip, elegante tooltip en jQuery

Escrito por en 29/04/2010

Si queremos mostrar el titulo de un enlace, o el texto de un <acronym> dando la definición u otro texto… podemos usar este pequeño y elegante plugin de jQuery.

ENLACE DIRECTO

Nuevo Spotify, se hace social!

Escrito por en 28/04/2010

Bueno, pues no podía ser menos… con la extensión de OAuth y el reciente apoyo de Facebook hacia esta plataforma, Spotify ha sido la primera aplicación de escritorio en dar un gran salto hacia el éxito.
Esta misma mañana, exactamente a las 05:21h, el Blog de Spotify hacía público el lanzamiento de esta nueva versión de este ya reconocido reproductor de música.

Esta actualización no solo esta dedicada a mejorar el aspecto social del programa, sino que también mejora aspectos que ya teníamos presentes y nos añade muchos otros nuevos, como la inclusión de nuestra música local. Pero, dejémonos de dar pinceladas a las nuevas actualizaciones, y vamos a ver que es lo que nos trae de nuevo Spotify.

A partir de ahora la integración con Facebook no solo se tratará de poder publicar una canción en nuestro perfil. Ahora Spofify conecta a nuestro Facebook, y nos crea un perfil “público” y busca si algún contacto de Facebook también usa el nuevo Spotify, añadiéndolo a nuestra lista de contactos. Pero si sabemos de un usuario de Spotify que no tenemos en Facebook, pero queremos tenerlo en nuestra lista de contactos, podemos añadirle, para ello haremos una búsqueda poniendo “spotify:user:nombredeusuario”. con esto ya tendremos a nuestro nuevo contacto añadido a nuestra lista! No solo nos busca contactos y nos permite seguir publicando canciones, otra novedad es que nos da la posibilidad de publicar nuestro perfil de Sprotify en nuestra web, blog, o red social usando un enlace como este http://open.spotify.com/user/spotify.

Que pasa, si queremos enviar una canción a un amigo? Antes podíamos copiar el enlace HTTP o la URI. Pues ahora no solo podemos hacer eso, sino que podemos hacer mucho más! Para compartir una canción con uno de nuestros contactos, no tenemos más que arrastrar la canción sobre su nombre en nuestra lista de “Gente” y soltar. Y no solo de este modo, también podemos hace clic derecho,  Compartir en » Amigos de Spotify » Nombre del amigo. Pero y si nos lo envían a nosotros? Pues estas canciones recibidas las veremos en una nueva sección “Bandeja de entrada” como si de un correo se tratara. Tendremos una bandeja de entrada de canciones enviadas por nuestros amigos. No solo veremos esta nueva sección, sino que además veremos en Novedades una nueva pestaña, Noticia, en la que veremos publicadas aquellas canciones que nuestros contactos de Facebook publiquen en la red social.

Si eres de los que comparte tus listas con tus amigos, ahora tienes mayor control sobre éstas. Podrás saber en todo momento cuantas personas tienen tu lista agregada, y quienes la tienen. Además de saber quien y cuando ha añadido una canción a tu lista compartida.

Bueno… las novedades no quedan aquí, la verdad es que continúan, pero son tantas y ahora mismo estoy tan motivado probando todo lo que incluye, y comentándolo con una buena amiga, que sinceramente… os dejo con el enlace a toda esta información y una captura de pantalla de la nueva interfaz. Perdonarme. :P

Fuente original: Noticia Oficial

Reproductores de vídeo en HTML5

Escrito por en 26/04/2010

Vídeo HTML5Últimamente se está hablando mucho sobre HTML5, de los avances que está teniendo, de lo que mejorará la navegación, de lo accesible que será,…

Claro que es cierto, y ya es bueno que llegue este cambio a mejor. Y con este cambio, os traemos alguno de los últimos avances que está teniendo esta nueva versión de HTML, los reproductores de vídeo. Para insertar vídeo con esta nueva versión de HTML, solamente tenemos que incluir el siguiente código:

<video src="RutaDelVideo.ogg" controls="controls">
 Tu navegador no soporta la etiqueta vídeo de HTML5.
 </video>

Con esto, ya tenemos incluido un vídeo en nuestra página web, sin necesidad de plugins de flash, ni otras herramientas. Aun que una cosa tenemos que tener clara si queremos poner nuestro reproductor HTML5 en nuestra web, y es que solo permite vídeos en Ogg/Theora y/o H.264/Mp4. Y aun que la mayoría de navegadores ya soportan este nuevo tag, hay navegadores que permiten un codec y otros que solo permiten el otro. Os hacemos una lista de que codec soporta cada explorador:

  • Presto/Opera: HTML5 mediante GStreamer (incluye sólo Ogg/Theora).
  • WebKit/Chrome: HTML5 mediante ffmpeg (Ogg/Theora y H.264/MP4).
  • Gecko/Firefox: HTML5 con Ogg/Theora.
  • WebKit/Epiphany: HTML5 mediante GStreamer (Ogg/Theora garantizado).
  • WebKit/Safari: HTML5 mediante QuickTime (H.264/MOV/M4V, puede reproducir Ogg/Theora con XiphQT components)

Así que por ahora, el más recomendado para este fin podemos decir que es Chrome, ya que es el único que ofrece soporte a ambos codecs.

Podéis ver aquí una DEMO que hemos hecho para que veáis ambos codecs, y lo probéis en vuestros exploradores.

Claro que esto no es todo, y ya han ido saliendo a la luz otros reproductores en HTML5 más trabajados, y con más posibilidades. Uno de ellos es SublimeVideo un reproductor de vídeo en HTML5 desarrollado por el grupo Jilion_[en]. Si tenéis un navegador que soporte HTML5, podéis ver un ejemplo haciendo clic aquí.
Lo malo de este reproductor es que aun está en desarrollo y no lo han hecho público, por lo que tendremos que esperar a poder usarlo.

Otro de estos reproductores, es el OSM (Open Source Media) de la mano de MediaFront. Este reproductor nos permite reproducir vídeos y sonidos en los formatos más extendidos, además de la posibilidad de integrar en el mismo, vídeos de youtube y vimeo. Y no solo eso, sino que nos permite crear listas de reproducción, y tener varios vídeos como si de una pequeña biblioteca multimedia se tratara. Ya ofrecen compatibilidad de integración don Drupal, y próximamente lo harán para WordPress, Joomla y moodle.

Así que por ahora este último reproductor parece ser el más completo, por no decir el único, del que se dispone por el momento.

Haz funcionar HTML5 en todos los navegadores

Escrito por en 23/04/2010

HTML5

Últimamente se está hablando mucho de HTML5, y los navegadores se preparan para el futuro, de hecho muchos de ellos ya soportan HTML5 en sus últimas versiones. Pero… ¿que ocurre con los navegadores que en sus versiones antiguas no soportan HTML5?

Todos sabemos que mucha gente sigue trabajando con navegadores antiguos durante mucho tiempo, y ahí está el problema. ¿Pasamos nuestra página web a HTML5 o esperamos?
Vamos a investigar para que puedas lanzarte y implementar HTML5 dentro de lo posible y que funcione en todos los navegadores, incluido en los antiguos que actualmente no soportan HTML5.

Xiph.Org Ogg Codecs
Es un ejecutable que solo funciona para Internet Explorer y le permite ver al cliente vídeos de HTML5 (tag video)

Realmente no es lo que buscamos… buscamos no depender del cliente, que nuestra propia página web en HTML5 sea visible en todos o la mayoría de los navegadores.

HTML5-Now
Es un simple archivo JS incluido en tu proyecto web, que permitirá a los navegadores antiguos visualizar tags HTML5, la mayoría de ellos.

¿Queréis probarlo? Abrid un navegador que sepáis que no soporta HTML5 y entrad aquí.
Visualizaréis un video con un tag HTML5. Tenéis más ejemplos aquí.

Como vosotros mismos podéis ver, le queda mucho camino por recorrer, por ahora solo está una muestra de lo que será el proyecto. Pero creemos que dará mucho que hablar.
Contad que el cambio a HTML5 no será cosa de 2 días, herramientas de este tipo nos pueden ayudar mucho.

Xiph.Org Ogg Codecs
HTML5-Now [en]