WebAdictos - Una dosis diaria de web

Accordion v2.0 es una librería que permite crear un efecto de acordeón en javascript para esto utilizando prototype como framework y scritpaculous para los efectos. El peso de la librería es de tan solo 6KB por lo que es bastante ligero y la funcionalidad y efectos que nos presenta es muy atractiva.

Entre las características que nos presenta esta librería están las siguientes:

• Creación de acordeones verticales (los clásicos).
• Permite también la creación de Acordeones horizontales.
• El tamaño del contenedor del acordeón se adaptara dinámicamente al tamaño del texto que contenga.
• Permite definir el evento por medio del cual se activa el acordeón.
• Permite cambiar la velocidad de apertura del acordeón.

- Accordion v2.0 (Para mas información y modo de utilización)
- Descargar Accordion v2.0 (Incluye página demo)

Anteriormente utilizaba el acordeón de Rico pero en definitiva creo que la dejare para utilizar esta.

Vía: Del Icio

Cooltips es una librería para tooltips creada en javascript no intrusivo. Esta librería utiliza el contenido establecido en el atributo title para los tooltips. Esta basada en Prototype Js y en Script.Aculo.Us.

Para ver la manera de implementar y ejemplos de la librería pueden acceder a la web del autor.

Enlace: Cooltips

Posts Relacionados:

• Recopilación de librerias para Tooltips
• Consejos Para Utilizar Mejor Prototype

Vía: WebAppers

Curl.js es una libreria en javascript que permite agregar un efecto de doblez de una página a nuestras imagenes. Esta libreria fue creada por el mismo autor de instant.js (libreria para añadir efecto polaroid) y funciona en la mayoria de los navegadores (Mozilla Firefox 1.5+, Opera 9+, Safari, IE6+).

Su utilización es bastante simple solo incluimos el archivo curl.js en la cabecera de nuestra página

y le añadimos a nuestras imagenes la clase “curl”

El tamaño minimo por imagen es de 64 x 64 pixeles. Otra característica de esta libreria es que podemos asignarle efectos a nuestras imagenes dependiendo el evento que se realice. Pueden ver mas información en la página de la libreria.

Enlace: Curl.js

Posts Relacionados:

• Instant.js - Efectos polaroid en tus imágenes
• SnipShot - Un Editor De Imagenes En Linea
• Graphita - Editor de Fotografias Divertidas
• Mejorar La Calidad De Tus Imagenes En Linea

Vía: Ajaxian

Leyendo Sentido Web me encuentro con estas 6 razones para el uso de librerias o frameworks en javascript y si que tienen razón. En lo personal y como desarrollador web puedo asegurarles que el uso de algún framework (en mi caso utilizo prototype) o alguna libreria en javascript eficienta bastante el trabajo. Con el uso de un framework el hacer ciertas cosas (por ejemplo peticiones AJAX) es algo tan sencillo y nos ahorra tiempo de programación.

Aunque si bien es cierto que nos ayudan bastante tambien creo que no debemos depender del todo de alguna libreria, siempre es bueno tener la capacidad para hacer nuestras propias funciones o librerias por cualquier cosa. Cuando sabes el trabajo que cuesta hacer alguna función y despues utilizas un framework lo sabras apreciar o ustedes que opinan?

Posts Relacionados:

• Efecto de Marquesina Hacia Arriba En Javascript
• Librerias Para Validar Formularios en Javascript
• Las Mejores Prácticas En El Diseño De Librerias De Javascript
• Reglas Para Los Desarrolladores De Librerias en Javascript
• Consejos Para Utilizar Mejor Prototype

Algo que tenemos que tener en cuenta los desarrolladores web es la validación de datos antes de enviar los formularios, para eso hacemos uso de javascript (aunque también es recomendable validar en el servidor por igual) ya sea que creemos nuestra propia función de validación o bien utilizar alguna librería ya hecha. A continuación les presento 2 librerías que te permiten validar formularios complejos de una manera sencilla y lo mejor es que en ambas librerias podemos definir nuestras propias reglas de validación.

Validate.js

Enlace: Validate.js

- Ver Ejemplos

- Descargar

LiveValidation

Enlace: LiveValidation

- Ver Ejemplos

- Descargar

Las 2 librerías cuentan con una amplia documentación para sacarles el mayor provecho.

Posts Relacionados:

• Comprimir Archivos Javascript y Hojas De Estilo Con YUI Compressor
• contextMenoo Menú Contextual En MooTools
• Las Mejores Prácticas En El Diseño De Librerias De Javascript
• Proto.Menu Un Menú Contextual Ligero En Javascript Utilizando Prototype
• Reglas Para Los Desarrolladores De Librerias en Javascript

Vía: aNieto2k / Frogx3 (LiveValidation)

Ya hemos mencionado algunas reglas para los desarrolladores de librerias en Javascript, hoy les traigo un video de John Resig un guru de javascript quien ademas trabaja para Mozilla y es el creador de la famosa libreria jQuery, en el video nos muestra las mejores prácticas en el diseño de librerias de javascript. El video tiene una duración de 1 hora y esta en ingles pero les recomiendo que lo vean.

Google - enlace a

Posts Relacionados:

• Aprender jQuery en 15 Minutos
• JSdoc - Documenta Tu Código de Javascript

Via: AjaxianÂ