“Esta musica huele divertida”

Bueno, ya hace bastante que no escribo algun post medio decente y ya me estaban viniendo las ganas de hacer algo grande con Prototype, y es asi que hoy les traigo toda (o CASI toda) la info que tengo (yo) sobre este espectacular Framework, pero (SI, hay “peros”) la voy a traer divida en partes. Esta semana, un poco de ayuda para empezar en el tema, y un par de ejemplos. Espero sirva.

Entonces…

1 - Que es?

Prototype es una libreria (framework) javascript orientado al desarrollo de aplicaciones (y sitios) web, brindandonos facil y rapido acceso a las funciones de js, asi tambien como simplifica BASTANTE el acceso a las funciones de AJAX.

Descarga la ultima version haciendo click aqui (1.6.0.2)

A diferencia de Mootools o jQuery, Prototype no tiene soporte nativo para efectos graficos (como fades por ej.), si no que para este tipo de funcionalidades es que existe Script.aculo.us, una libreria especialmente creada para utilizarse con Prototype.

Lee el resto de la entrada »

Segun lo que leia en Bitelia, Sleipnir es un navegador japones que trata de imponerse en el mercado occidental, contando ya con un 100.000 usuarios y pretendiendo llegar al 5% de los usuarios del mundo.

Lo baje, lo probe y me descepciono. Realmente no sabia bien con que esperarme, pero el navegador en si es una mezcla de Firefox con IE, interfaz de firefox y render de IE (Trident), aunque tiene una opcion de instalar un plugin para simular el Firefox (Gecko), pero no tiene NADA de impresionante, es mas, me quedo 100.000 veces mas con el Maxthon.

Pero no se quede con lo que yo digo, bajenlo y prueben, y si les pinta, comenten cual fue su experiencia.

(El screen es del navegador tratando de ingresar al blog, y no se si todos saben, pero desde IE no se puede entrar al blog)

Via | Bitelia
Enlace | Sleipnir

IE 6, ademas de ser conocido por renderizar toda web aceptable para la remil y gran #&$%=!, tambien se lo conoce por no soportar (nativamente) las transparencias de los archivos PNG, y en estos tiempos, eso es una gran molestia (por no decir que esta para la remil y gran #&$%=!).

Si eres programador/diseñador web, seguramente ya tienes una que otra solucion para esto, pero no esta de mas tener otra que POR AHI esta mejor. (Aunque tambien puedes hacer como yo, que no dejo que la gente que navega en IE entre a mi blog :P)

La gente de Unit Interactive Labs ha desarrollado un nuevo parche para solucionar este gran inconveniente, y es un js de tan solo 1 kb. Algunas de sus principales funciones son:

• Trabaja sobre objetos img y propiedad background-image simultaneamente.
• Permite el uso de elementos con auto width y auto height
• No genera errores en interactividad con otros scripts

Su instalacion es tan sencilla como la de cualquier js, solo que debemos poner la llamada al script dentro de tags especiales para que solo se realice cuando el navegador sea inferior a IE 7, del siguiente modo:

Antes de subir el script, debemos decirle donde se encuentra la imagen clear.gif que viene con el js, esto se hace en la primera linea del archivo:

Espero esto les sirva, saludos
Via | elWebmaster
Enlace | Unit PNG Fix
Descarga | unitpngfix.zip

Dando una vuelta por PuntoGeek, me entero que ha salido una extension para Firefox que te muestra las actualizaciones de Taringa! sin tener que acceder al propio sitio, ademas te muestra los top de usuarios, y los post de los novatos mas recientes. Algo a tener en cuenta es que solo esta funcionando en Firefox 3, lo recomendable (como dicen en Punto Geek) es que actualizemos a esta version, pero si todavia no estas seguro, como yo(es verdad, triste, pero verda), aca les dejo el link de la extension para Firefox 2, le cambie una sola linea, asi que no se preocupen que no es nada raro, eso si, la pestaña Top no me muestra nada, pero, por lo menos a mi, no importa ya que los posts y los de los novatos los muestra perfectamente.

Muy recomendado, y si eres fanatico de T!, te vine de 10+ .

Via | Punto Geek
Enlace | Taringa! Ext
Para Firefox 2 | Instalar XPI

Despues de mucho tiempo sin entrar siquiera a ver las visitas del blog (mucho laburo), me encuentro con que tengo un meme pendiente de parte de Ajaxman: "que significa mi dominio?"; bueno, la historia no es tan complicada... yo, como persona, soy un tanto "espezial" (si, con z), entre mis amigos era DEMASIADO geek, adicto a la tecnologia y a la programacion, y al mismo tiempo, muy freak, forma de pensar y actuar (:P), ya de chico (tipo 13 años), tenia mi web BaBoSoS.TK (que raramente, todavia existe), donde explotaba toda la locura freak... pero con el tiempo ese sitio me canso y decidir hacerme "blogger" (jaja), pero me faltaba un nombre, e inspirado por el iPod, iPhone, iLoquellevaiadelantevende, etc. Se me ocurrio iFreak & iGeek, uno para la locura y otro para la normalidad, lamentablemente por falta de tiempo y vago, nunca publique iFreak, pero en algun futuro pretendo darle vida.

Me parece que fue mucha explicacion para algo tan sencillo... pero creo que se entendio bien :).

Gracias Ajaxman, y le paso este MEME a:
Jesús, Solo Codigo, SaKi y Maxi.

Saludos

Si alguno ha usado o tiene pensado probar la clase que hice para manejar el API de YouTube, le voy avisando que hoy he terminado de actualizarla, ya que YouTube cambio un poco de su estructura, y si no fuera por el comentario de nokiz yo no me enteraba.

Entonces, la buena noticia ya esta amoldada a la nueva estructura de YouTube y hasta un 5% mas rapida que antes.

Espero que les sirva.

Descargar nueva version

Se que ni cerca esto tiene que ver con la programacion, pero solo queria comentar que anoche finalmente pude ver The Dark Knight, y para aquellos que esten planeando no ir, les digo QUE SALGAN YA, PERO YA A VERLA...
Es espectacular, una produccion impresionante, una historia alusinante, y para evitar no mandar ningun spoiler, lo dejo aca.. VAYAN A VERLA

Y para los que todavia no la vieron.. LA VI ANTES QUE USTEDES

Antes de empezar:
Para los que no sepan lo que es Comet, es una implementacion que al igual que Ajax, nos presenta una conexion con el servidor, pero he aqui el punto importante, lo hace de forma contraria a Ajax, ya que este hace pedidos al servidor y espera por su respuesta, lo que en aplicaciones grandes ( y sobre todo webs) consume mucho ancho de banda; en cambio comet crea una conexion abierta con el servidor, y este le va informado a la aplicacion sobre los cambios que ocurren.

Ayer, dando una vuelta por Ribosomatic, me encuentro con un par de posts que explicaban como utilizar Comet con Prototype, cosa que me llamo muchisimo la atencion y ya que ayer no tube tiempo de probar esos codigos, me voy a poner a hacerlo ahora, y para no dejarlos colgados, como si me hubiera olvidado del blog, les voy comentando que estoy por empezar a experimentar con Comet y una vez que le agarre un poco la mano, publicare sobre el tema.

Antes de terminar, les dejo los links de los posts de Ribosomatic y algunos mas que capaz que le sean de ayuda:

Como implementar Comet con PHP y Prototype I
Como implementar Comet con PHP y Prototype II

Comet en wikipedia (ES)
Despues de Ajax, Comet
Ajax Dojo Comet Tutorial by Martin Ankerl
How to implement COMET with PHP [Zeitoun.net]
Comet with PHP
Comet paso a paso: pizarra colaborativa para páginas web

Para aquellos que no hayan leido mi blog antes, yo publique hace un par de semanas una clase para manejar el API de YouTube, que te permitia subir archivos, bajarlos y reproducirlos en un reproductor personalizado. Para aquellos que no lo hayan leido, les recomiendo que lo hagan antes de seguir leyendo:

Tutorial: Clase para manejo de la API de YouTube

Bueno, si lo haz leido, sigamos. El problemita que tenia la clase era que el unico reproductor adecuado para abrir esos videos, era uno que tenia hecho yo, por lo que tenia el logo del blog, y hoy charlando con un amigo, me dice que queria desarmar el reproductor para tener un propio para su sitio ( o algo asi :P), en fin, me pase un buen rato de la tarde pensando en como hacer que otro reproductor tomara los videos, ya que la direccion del video contenia caracteres que daban error cuando se pasaban a flash, por lo que me di vuelta bastantes codigos para tratar de solucionar esto, hasta hice que un compañero del laburo me ayudara. Despues de renegar un rato, nos cruzamos con el JW FLV Player, un genial reproductor de archivos FLV hecho en flash, pero he aqui que compartia el mismo problema que los otros reproductores, no abria bien los archivos y daba error; pero no desisti ahi, despues de buscar en la documentacion una forma posible para hacerlo andar, veo que tiene una opcion de playlist, capaz que pasando la url por el archivo de playlist podria lograr que lo abriera, para mi suerte, asi fue.
Apenas descubri eso, me puse a escribir esta clase, extendida de la anterior, que nos permitira incluir este reproductor y visualizar videos de YouTube en nuestro site sin tener que usar el feo reproductor por defecto, y como extra, sin tener que ver el loguito como marca de agua.

Usar esta nueva clase es bastante facil, solo declaramos el objeto como si se tratara de la primera clase, pero con el nuevo nombre.

El JW FLV Player debe estar por defecto en el mismo directorio y llamarse player.swf, en caso de que no sea asi, se modifica la ruta mediante el metodo "set_jw" que lleva como parametro la direccion del swf.

Ahora, para mostrar el reproductor, solo debemos invocar al metodo "play", cuyos parametros son: El id del video(la clave de YouTube), el ancho (por defecto sera 425), el alto (por defecto sera 344) y return, que en caso de ser true, devolvera el codigo en vez de hacerlo salir con un echo (por defecto esta en false):

Para finalizar, les dejo un ejemplo armado con esta nueva clase (recuerden que la clase utiliza el swfobject.js para incluir los embed, este viene en la demo):

Descargar Ejemplo
Visitar JW FLV Player

Nota: El directorio tiene que tener permiso de escritura, ya que la clase se maneja con un archivo temporal de nombre jwplay.xml.