 Junio 25th, 2008  Ajax, Javascript, Web 2.0 |
Como hoy no he tenido tiempo de desarrollar ninguna clase ni nada para postear, he decidido hacer un rejunte de varios codigos y aplicaciones ajax/javascript que me parece que deberian ser tenidas en cuenta a la hora de programar, por que por ahi, nos pueden sacar de varios inconvenientes en unas simples lineas, vamos al listado:
1 - Niceforms 1.0:
Si eres desarrollador web, estoy seguro que mas de una vez has discutido con un cliente por el hecho de que no podes aplicar estilos sobre los campos select, bueno, ahi es donde Niceforms 1.0, cambiando todo los controles de nuestros formularios
2 - FancyUploads (Mootools):
Este sistema es bastante completo y “lindo” a la vista, nos permite seleccionar varios archivos para subir al servidor y luego mandarlos todos de una sola vez, hasta incluye barra de progreso, para esos archivos que nunca terminan de subir:
3 - df Javascript Smooth Scroll:
Una forma muy sutil de llamar a las anclas de la pagina, ya que no pegara un salto hacia esa seccion, si no que hara un scroll. bastante facil de usar:
4 - fleXcroll:
Scrollbars totalmente customizables, no son aplicables sobre iframes, trabajan sobre divs solamente, pero son un buen elemento para tener a mano:
5 - Autocompleter:
Es una pequeño campo de autocompletar como el que nos provee el navegador (y youtube ahora), solo que lo podemos personalizar completamente, trabaja con PHP y MySQL:
6 - Teclado virual con javascript:
Este script es bastante util, ya que nos permite crear un teclado virtual para escribir sobre cualquier caja de texto, lo podemos usar para el ingreso de contraseñas y datos exactos que no deseamos que vean que tecleamos.
7 - Javascript Color picker:
Para aquellos programadores que realizan bastante trabajo sobre paginas dinamicas, donde el usuario siempre quiere tener el control de todo, por ejemplo el color de fondo(ejemplo aplicado sobre este script :P), este scripts les sera de ayuda, ya que nos genera un color picker como el del mismo photoshop. Bastante liviano, de rapida respuesta, y eficiente.
8 - Globo de informacion:
Como una pequeña tooltip, pero con una bonita animacion. bastante liviano y facil de aplicar en nuestros codigos:
9 - Flexgrid para jQuery:
Bastante util a la hora de hacer un panel de administracion, donde el usuario deba tener todos los datos ordenados, paginados, resaltados y seguro q muchas otras cosas terminadas en “ado”. Bueno, Flexgrid viene a solucionarnos bastante esa parte:
10 - GlassBox con Prototype y Script.aculo.us:
Este script te provee de una interfaz rica en efectos similares a los que podrias obtener con un pequeño flash, tales como fades, bordes rendondeados y semitransparentes, drag&drop, etc.
11 - ImageFlow:
Un pequeño script para generar cover flow con imagenes, bastante facil de usar, y me parece que no es muy pesado, ya que responde bastante rapido al mouse y al teclado.
12 - Phototype con Prototype:
Impresionante script de manipulacion de imagenes, que nos permite rotar, hacerla en escala de grises, agregarle sombras, agregarle texto, y hasta agregarle una marca de agua de Chuck Norris.
13 - Lightview con Prototype y Script.aculo.us:
Mucho mas que una simple lightbox, este script nos da la posibilidad de incluir contenido en linea, ajax e inclusi iframes dentro de la box. Al usar script.aculo.us, tambien goza de buenos efectos, haciendola (en mi opinion) la mejor lightbox hasta el momento. MUY RECOMENDABLE.
14 - Starbox con Prototype y Script.aculo.us:
El clasico script de las estrellitas para los sistemas de ranking, pero en un nivel mucho mas completo y funcional, posee varios modos de trabajo y es bastante sonzo de aplicar.
15 - Dock menu:
Menu al estilo dock que aparece desde la parte superior del sitio si pasas el mouse y desaparece en cuando lo sacas, estaria bueno tenerlo en cuenta para proyectos en los que busques tener una gran gama de efectos visuales.
16 - Magic Zoom con jQuery:
Teoricamente es el mejor script de zoom hecho hasta el momento; en la demo se lo pinta bastante convincente. Seria bueno tener a mano este script, ya que es un complemento un tanto importante si manejas muchas imagenes en un sitio.
17 - CSS Dock Menu con jQuery:
No es exactamente igual al anterior Dock menu, si no que este es un clon del clasico de Mac, asi que si eres te gusta el estilo del OSX de Mac, este menu te va a gustar:
18 - LavaLamp menu con jQuery:
Otro estilo de menu bastante popular en la red, donde el selector (o burbuja) va moviendose dentro del menu para situarse debajo del item seleccionado:
19 - 35mm Photo Viewer:
Completo visor de imagenes, con multimples opciones de temas, notas y busqueda, bastante completo y funcional, perfecto para crear galerias dinamicas.
20 - Passjax:
Pequeño script para medir la fortaleza de tus password, bastante facil en aquello sitios donde debamos incluir formularios de registro.
21 - Virtual toor con jQuery:
No se si lo aplicaria seguido en un sitio, pero es una funcionalidad que seria interesante tenerla en cuenta, por que seguramente en algun futuro, nos hara falta.
22 - Custom Form Elements:
Algo parecido al Niceforms, pero me parece que es un poquito mejor en lo que es carga de memoria. Tambien te da la posibilidad de elegir los campos que queremos customizar.
23 - Slider DataPager:
No es solamente un slider comun, sino que tiene la funcionalidad de ser un paginador en tablas dinamicas. Tiene una tooltip con la info de la posicion del slider en cuanto a las paginas de registro y viene con un skin bastante agradable.
24 - Menu en acordeon como el del Outlook:
En la web hay cientos de scripts de menu tipo acordeon, pero este me parecio el mejor (que he encontrado), bastante rapido y no le encontre bugs(por el momento). Les recomiendo que lo vean en la demo.
25 - Prototype window (con prototype no?):
Muy buena clase de manejo de ventanas flotantes de todo tipo: con iframe, de alerta, de confirmacion e incluso con soporte a scrollbars. Muy buena y muy facil de implementar.
26 - Time Picker:
Es muy comun encontrar data pickers con un monton de funcionalidades, pero como este “time picker” no habia visto nada, un pequeño reloj de agujas donde seleccionamos las horas y los minutos y luego se cargan en una textbox. bastante util.
27 - Styling File Inputs:
Seguro que alguna vez has tenido que pelear con un diseñador, por el hecho de que los campos “file” no son customizables, bueno, este script te permite crear un boton totalmente personalizado para elegir tu archivo. Muy buen codigo, RECOMENDABLE.
28 - Ajax im:
Impresionante chat armado completamente en ajax, con soporte para ventanas flotantes, contactos, salas de chat, etc. Muy completo y liviano al mismo tiempo, vale la pena probarlo.
29 - Reflection.js con Mootools:
Script muy simple para crear un efecto de reflejo sobre nuestras imagenes. Es algo que se podria hacer tranquilamente con la libreria GD de php, pero este codigo te lo presenta de manera bastante sencilla.
30 - Image Cropper con Prototype y Script.aculo.us:
Bastante util a la hora de trabajar con imagenes en un sitio, este codigo te permite seleccionar solo un area de una imagen (mientras que deja lo restante oscuro, en un pequeño modal) y obtener las posiciones de esa area, que luego podemos enviar a PHP (por ejemplo) y recortar la imagen con GD.
31 - TripTracker:
Es una pequeña galeria de fotos en un entorno modal (lightbox) con opciones de reproduccion (para ver las fotos como en diapositivas), enviar la foto por mail, y otras peueñas funcionalidades que estoy seguro que a mas de uno le agradaran.
32 - Edicion en linea con Ajax:
Aunque estaria bueno agregarle un Wysiwyg a este script, es bueno tenerlo visto para ir probando en sitios pequeños, donde no haya necesidad de un panel de administracion.
Bueno, hasta aca llegue hoy, espero que les sirvan, me navegue todos los del.icio.us que encontre, pero me parece que la cosecha fue buena :).
Saludos
Un poco de hum...
