Si ponia el titulo que herramientas usa el siguiente recurso estuviese demasiado largo, pero bueno aqui va, Coverflow es la forma como se muestran las portadas de los discos en tu iTunes el estilo es bastante atractivo y han salido muchos intentos por portar esa interface a Web (Coverflow en Flash) y bueno pues aqui va uno mas se trata de ProtoFlow el cual usando enteramente Javascript mas concretamente Prototype y Script.aculo.us han conseguido simular el mismo efecto de la interface de iTunes.

El resultado final es bastante bueno si no me creen pues vean este demo, demo de protoflow.

Enlace: ProtoFlow - Descargar ProtoFlow

via Ajaxian

Prototype Javascript image cropper UI (uufff que nombre tuve que leerlo 3 veces), es una interesante herramientra para editar imagenes en linea, que facilmente puede ser implementada en tu sitio web, fue desarrollada con Prototype y Script.aculo.us.

La herramienta te permite hacer varias cosas todas destinadas unicamente a cortar una porción de la imagen sin alterar la original.

Requerimientos: Prototype v1.5 rc_0 y Script.aculo.us v1.6.1

Enlace: Prototype Javascript Image Cropper UI | Ver Demo

via Web Resources Depot

El sitio web de la NASA (Administración Nacional de Aeronáutica y del Espacio) a rediseñado su sitio, y ahora hasta la NASA toma un estilo “2.0″, el nuevo sitio como dato curioso utiliza prototype y script.aculo.us, en ajaxian han listado una serie de cambios en el sitio con los que aprovecharon el potencial de estas librerias:

• Transiciones: Montones de imágenes con efectos drop downs y trees.
• Acordeones
• Navegación mejorada, por temas
• Componente de Calendario
• Nube de Tags
• Bookmarking: My Nasa y soporte para digg, del.icio.us y mas.
• Comentarios
• Encuestas
• Galería de Imágenes

Otro dato curioso es la cantidad de archivos js que el sitio utiliza siendo un total de 47 archivos…

Buena comparación en 25 diapositivas entre dos de los mejores Frameworks de Javascript Prototype y JQuery, la comparación es enfocandose al codigo y como utilizarlo con transports, eventos, el DOM, funciones, selectores y cross-browsing.

| View | Upload your own

Bastante interesante, ami me sirvio para elegir entre ambos para un proyecto en que estoy trabajano y que talvez lo haga open source =D, pero eso lo publicare cuando tenga algo estable ya que aun tengo muchas ideas sobre la mesa ya que antes de aplicarlas las pienso bien para armar un herramienta util.

via Ajaxian

Te gusta netvibes? te gustaria hacer algo parecido talves no un startup pero si una aplicacion funcional y que se pueda adaptar bien y usar bloques del mismo modo que lo hacen ahi no solo el startup de netvibes hay muchos mas entre ellos el de google, yahoo y otros.

Pues bueno en xilinus que ya estan acostumbrandonos a sacar clases basadas en prototype bastante completas y de muy buena calidad ahora sacan esta Prototype Portal Class.

Aqui les dejo el ejemplo de como aplicarlo:

Primero el HTML facil y sencillo:

<div id=”page”>

<div id=”widget_col_0″></div><div id=”widget_col_1″></div>

<div id=”widget_col_2″></div>

</div>

Toca el archivo CSS aun mas facil:

#page {

margin: 10px auto;}

#widget_col_0 {

float:left;

width: 30%;

}

#widget_col_1 {

width: 50%;

float:left;

}

#widget_col_2 {

float:left;

width: 20%;

}

Ahora iniciamos la clase:

var  portal = new Xilinus.Portal(”#page div”)

Y por ultimo añadamos las cajitas (widgets) =P

portal.add(new Xilinus.Widget(), 0)

// Or with title and contentportal.add(new Xilinus.Widget().setTitle(”Widget Title”).setContent(”bla bla bla”), 1);

Eso es todo nada dificil pero ahora quieres mas estilo mas bonito mas funciones aqui les pongo mas de esto:

• url: Url a la que se hace una peticion despues de mover un widget (default null, no requests)
• onOverWidget: Un evento para ejecutar cuando el mouse este sobre el widget (default null)
• onOutWidget: Evento para cuando el mouse ya quite de encima del widget (default null)
• onChange: Evento para ejecutar algo cuando termines de mover el widget (drag & drop) (default null)
• onUpdate: Evento para ejecutar cuando termines de ejecutar un accion drag & drop (default null)
• removeEffect: Remueve un efecto animado (sin efectos por default)

Muchas funciones no lo creo se podrian hacer mas pero bueno aqui lo basico para crear este portal:

• add(widget, columnIndex): para añadir un nuevo widget .
• remove(widget): remueve un widget.
• serialize(): Convierte un string a parametros para el request de lajax.

Batante bueno el tip no creen? puede ser muy util creo ya se donde lo aplicare, ya pueden hacer su propio startup bueno casi falta mucho jeje pero lo basico ya lo tiene un poquito de CSS y JS es mas que suficiente.

Ver ejemplo / Descargar Script widgets.js