Con salida de Wordpress 2.5 una de las características que talves llamen mas la atención es la posibilidad de subir múltiples imágenes al mismo tiempo, pero no solo eso también te muestre un barra de porcentaje para saber cuanto se subio, y al menos WordPress no lo tiene habilitado pero estos mismos scripts te ofrecen la posibilidad que al hacer click en el botón Examinar la ventana de exploración únicamente te muestre archivos de un formato especifico, por ejemplo que solo te muestre archivos con extensiones .jpg, .gif y .png.

Pero bueno que soluciones hay para hacer esto? investigando he encontrado dos que podria decir son las mejores:

• FancyUpload
• SWFUpload (Este lo usa Wordpress 2.5)

FancyUpload

Es un libreria javascript que es dotado de toda su potencia por MooTools, es realmente facil de implementar y tiene la posibilidad de resivir varios parametros para sus funciones, sus caracteristicas son:

• Selección y cargar de múltiples archivos
• Filtro por tipo de archivo en la ventana de selección (Examinar)
• Manejo de Eventos, se puede crear nuevos eventos
• Puedes mostrar y filtrar información de los archivos antes de iniciar la carga (tamaño del archivo, tiempo de carga, etc…)
• Limites en los uploads tanto en cantidad de archivos como en su peso por Kb
• Plataforma independiente, solo necesita Flash 8 o superior
• EL proceso es discreto, desde el reemplazo del elemento hasta la carga del SWF
• Puedes cancelar cargas y añadir nuevos archivos durante la carga de un archivo, al momento
• Todo es opciones, esta documentado y es realmente fácil de editar
• Las cargas de archivos son con un estilo Ajax es decir la pagina no se recarga.
• Indicador del progreso de los Uploads

En si FancyUpload aprovecha Swiff el cual es una manera de insertar ActionScript y archivos flash mediante simple JavaScript, haciendo que el Flash este totalmente oculto al visitante pero dotando de buenas funcionalidad que el ActionScript permite.

Enlaces: Ver Demo / Pagina Oficial - Descargar FancyUpload / Foro de Soporte

SWFUpload

SWFUpload es otra librería en JavaScript que básicamente nos permite las misma funciones que FancyUpload a diferencia que esta no necesita de ningún FrameWork como es MooTools, y tampoco causa conflictos si usamos alguno, como su nombre lo dice SWFUpload también utilizan flash (SWF es la extención de los archivos resultantes de Flash) e igual que en el anterior es totalmente transparente ya que JavaScript se encarga de insertarlo.

Sus caracteristicas son:

• Selección y cargar de múltiples archivos
• Filtro por tipo de archivo en la ventana de selección (Examinar)
• Manejo de Eventos, se puede crear nuevos eventos
• Puedes mostrar y filtrar información de los archivos antes de iniciar la carga (tamaño del archivo, tiempo de carga, etc…)
• Limites en los uploads tanto en cantidad de archivos como en su peso por Kb
• Plataforma independiente, solo necesita Flash 8 o superior
• EL proceso es discreto, desde el reemplazo del elemento hasta la carga del SWF
• Puedes cancelar cargas y añadir nuevos archivos durante la carga de un archivo, al momento
• Todo es opciones, esta documentado y es realmente fácil de editar
• Las cargas de archivos son con un estilo Ajax es decir la pagina no se recarga.
• Indicador del progreso de los Uploads
• “Graceful degradation” para navegadores que no soporte el otro método.
• Los nombre de las clases permiten la compatibilidad con otras librerías de JavaScript (ej., jQuery, Prototype, etc.).
• Permite crear parámetros personalizados

Enlaces: Ver Demo / Pagina Oficial - Descargar SWFUpload / Documentación

Ambos son realmente fácil de implementar, en el caso de SWFUpload que se necesita? descargar descomprimir, incluir los archivos JS en tu archivo HTML y crear un formulario con un input del tipo file.

Mejor por si no me entendieron ni un poquito aquí les va el JavaScript que deben iniciar:

HTML

Eso es todo, lo que tienen que hacer, upload_url y flash_url, deben ser archivos contenidos en tu sitio web, en el caso de flash_url el archivo viene incluido en el archivo que descargas.

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

Por mas que intentemos que nuestro codigo XHTML pase las pruebas de validacion de la W3C siempre se nos escapa algo y en los blogs el común denominador son los videos de youtube u otro sistema mas concretamente los objetos flash que insertemos ya que el codigo para el embed suele tener ciertos parametros que no permiten que nuestro codigo sea valido.

Pero para todo hay solución, se llama SWFObject es una libreria javascript que nos permite de manera sencilla insertar un objeto flash haciendo su codigo completamente valido.

Ejemplo Usando SWFObject:

Si ves mucho rollo ahi pues mira que solo basta con insertar una lista como esta:

Es sencillo utilizar esto, apoco no?

Enlaces:

• Descargar SWFObject
• Pagina Oficial de SWFObject

Ya con un total de 913 aplicaciones en Ajax en sus directorios este moustro que recopila widgets ha cambiado su look sufriendo un rediseño con u nresultado basatente bueno.

El toquer web 2.0 no lo ha perdido, han dejado un estructura que facilita al maximo la lectura, felicidades a la gente detras de este gran directorio de aplicaciones en AJAX, dieron un paso adelante.

Entre los cambios que consideraron esta la adición de 2 secciones que manejan los ultimos scripts y los mas populares asi como las implementación de Feeds de Digg, Ajaxian y Del.Icio.Us

Enlace: AjaxRain [931 +]

Via: Ajaxian

Antes que nada una disculpa por la falta de constancia estos dias pero el trabajo apremia, pero bueno aquí les dejo un post porque igual ando muy cansado y en un rato comienza la posada del Citi Centro (es el edificio donde esta ubicado mi oficina).

Bueno pues e estado trabajando en reescribir un plugin para un CMS que tenemos en la oficina el cual busca explotar la API de Google Maps, durante este proceso me e encontrado con muy buenos tutoriales, utilidades y tips, y pues bueno aquí se los comparto son algunos sitios que tienen estas herramientas para el desarrollo con el API:

• Blog Oficial, Google Maps API
• GoogleMaps Mania
• Google Maps con Lightbox
• Google Maps Tutoriales Varios
• Geoposicionamiento con Google Maps (tips)
• Grupo de Google Maps API
• Google Maps API Apps
• Usando el API de Google Maps (en Español)

FrameWorks para programar con Google Maps API

• GPlotter
• GMapEZ

Set de Iconos para Google Maps

• Iconos de Google Eart para usar con Google Maps
• Sets de Iconos para Google Maps

MooTools Mocha UI es una excelente clase que aprovechando la potencia de MooTools v1.2 nos brinda la posibilidad de generar ventanas flotantes con una buena cantidad de efectos, utilizando canvas para generar las curvas en las ventas y otros aspectos pero sin duda la propiedad a considerar es su peso ya que es una libreria que pesa apenas 15 kb.

Sin duda una alternativa para empezar a crear tu Web OS, entre sus características estan :

• No utiliza imágenes, el diseño de las ventanas es generado mediante canvas.
• Esquinas redondeadas ajustables.
• Las ventanas pueden activarse, maximizarse, arrastrarse y re-dimensionarse.
• Permite la generación de ventanas de manera dinámica.
• Cuando la ventana es maximizada esta se ajusta al tamaño de la ventana en caso que esta sea redimensionada.
• Es mínimo el HTML que se utiliza para generarse.
• Probado con Firefox 2, Internet Explorer 6 & 7, Safari 2, and Opera 9.

Su creado de nombre Greg tiene en mente ya mas caracteristicas entre las que estan (ver despues del salto):

Leer el post completo…