Lista de los mejores scripts Ajax, JQuery, etc.

metacortex · #1 (**permalink**) 14/03/2008, 21:40

Hola, abro este tópico porque quizás nos hayamos tropezado con algunos pequeños y útiles scripts de mucha calidad y utilidad a la hora de querer implementar cosas buenas en los diseños. Comenzaré la lista de aportes con éste (JQuery) que me dejó con la mandíbula en el piso:

CSS Dock Menu | Demo

Es un menú con efecto similar al dock de Linux

.

lucasan · #2 (**permalink**) 14/03/2008, 22:04

Hablando de dejar boquiabierto, esta galería de imágenes simulando 3D ...

Demo | Fuente

metacortex · #3 (**permalink**) 14/03/2008, 23:04

Buenísima. Me recuerda al PixLens. Lo que noté fue un redibujo algo tardado.

Aquí hay un buen efecto de acordeón horizontal (JQuery). De los que he visto éste es el que más me ha gustado:

Horizontal Accordion (Demo y fuente en la misma página).

metacortex · #4 (**permalink**) 15/03/2008, 21:45

Ésta es para un efecto de deslizamiento de artículos, que además cumple con algunas normativas de accesbilidad (JQuery):

Accesible News Slider Fuente y Demo en la misma página).

metacortex · #5 (**permalink**) 16/03/2008, 11:00

Aquí hay 2 plugins para combos automáticos tipo select (JQuery). Ambos me gustan.

jQuery controlled Dependent (or Cascading) | Demo

Auto-populate multiple select boxes | Demo

En general, lo que más me agrada del JQuery es que no es necesario modificar el Js de núcleo (jquery.js) y puede ser reutilizable para muchos casos por medio de código externo al archivo sin causar conflictos.

lucasan · #6 (**permalink**) 16/03/2008, 11:17

Muy útil, no sabría como decirlo en español, pero en el sitio dice Easy Multi select transfer.

Demo y Fuente

lucasan · #7 (**permalink**) 16/03/2008, 11:23

Seleccionar fechas para un form, muy facil y atractivo.

Demo e instrucciones

lucasan · #8 (**permalink**) 16/03/2008, 11:26

Upload múltiple, muy útil y sin recargar la página

Ejemplo

lucasan · #9 (**permalink**) 16/03/2008, 11:30

Edit in place, edita campos de texto con solo hacer dobleclick, se me ocuren un par de ideas para esto.

Demo | Descargar

metacortex · #10 (**permalink**) 18/03/2008, 03:25

Más de 240 plugins JQuery

metacortex · #11 (**permalink**) 20/03/2008, 08:42

Preload de páginas (Ajax + Json)

http://particletree.com/examples/paging/

metacortex · #12 (**permalink**) 21/03/2008, 12:45

Cajas arrastrables y redimensionables al mismo tiempo (JQuery).

jqDnR - Minimalistic Drag'n'Resize for jQuery

metacortex · #13 (**permalink**) 19/04/2008, 20:28

Más de 1000 scripts AJAX listos para usar: Ajax Rain

metacortex · #14 (**permalink**) 01/12/2008, 17:10

40 Tooltips con Ajax, Javascript y CSS: Smashing Magazine

nfo · #15 (**permalink**) 08/01/2009, 13:50

os dejo un sliding tab para imagenes o texto bunisimo

Demo Code

metacortex · #16 (**permalink**) 10/02/2009, 11:43

Scroll en javascript

Para quienes están buscando un scroller personalizado (y Dios sabe lo escaso que está dicho recurso en la red) encontré éste que además me agradó bastante porque -entre otras cosas- no es intrusivo, respeta los estándares y no llega a los 20kb:

http://www.n-son.com/scripts/jsScrol...Scrollbar.html

Se ve bien en ie y FF, es de libre uso y no hay que pagar licencias extrañas por utilizarlo.

shurshok · #17 (**permalink**) 16/03/2009, 22:07

Bueno, hace rato que no paso por FDW pero este topic me llamo la atención, y me gusto mucho, así que vengo a aportar:

Estos son algunos Mootools:

Photo Gallery
Demo

Slider
Demo

Simple Carrousel
Demo

Noob Slide (uno de mis favoritos)
Demo

Pamoorama
Demo

Bueno, espero que les gusten, seguramente voy a volver a postear!

almagropaco_ · #18 (**permalink**) 02/05/2009, 17:29

http://miniajax.com conjunto donde hay muchos scripts, que estan en otras páginas, recomendable.

hector2c · #19 (**permalink**) 11/02/2010, 10:18

pues, aqui publico un pequeño ejemplo de como gestionar una tabla mediante jquery y ajax:

busqueda y orden del listado por ajax
agregado, modificación y eliminación de registros por ajax
paginación mediante ajax, usando la clase PHPPaging.lib.php, mayor información en www.phperu.net, autor MyOkram
validación de formulario con jquery.validate, evitamos la duplicación de usuarios
tambien se uso jquery.blockUI, para bloquear la pantalla y mostrar una ventana emergente generada con ajax
se usaron estilos css, php y mysql

En el siguiente enlace

si tienen algun problema, incompatibilidad, por favor porteen, solo deseo aportar algo que a muchos en sus inicios necesitan.

juaniquillo · #20 (**permalink**) 11/02/2010, 13:44

Añado una a la lista. Algo lo cual nuestros clientes aman. Yo no tenía mas remedio que hacerlo con Flash, pero gracias a la llegada de este plugin de jQuery puedo trabajar presentar elementos de forma elíptica en pseudo-3D:

Roundabout plugin

Code

Demo1
Demo2
Demo3
Demo4
Demo5
Demo6
Demo7
Demo8

mayid · #21 (**permalink**) 01/04/2010, 10:04

Me encantó esto ultimo que publicaste, Juaniquillo. Y aquí encontré una implementación de ese codigo, o un codigo muy similar, simulando un sistema solar "clickeable":
http://www.willjessup.com/sandbox/jq...m/rotator.html

chifliiiii · #22 (**permalink**) 30/04/2010, 10:31

Lista con 240 plugins para Jquery ordenados por categorias. Espero que les sirva

http://blog.timersys.com/recursos/24...r-de-lo-mejor/

mayid · #23 (**permalink**) 01/05/2010, 19:12

Estos me parecen espectaculares!!!

Motor de 3d para jquery (esfera, cubo, anillo y algo más):
http://www.devirtuoso.com/Examples/3...ne/sphere.html
http://www.devirtuoso.com/Examples/3D-Engine/ring.html
http://www.devirtuoso.com/Examples/3D-Engine/plane.html
http://www.devirtuoso.com/Examples/3D-Engine/

juaniquillo · #24 (**permalink**) 12/05/2010, 16:40

Este me pareció interesante. Para cuando los clientes nos pidan efectos vistosos:

http://css-tricks.com/circulate/

cristian_cena · #25 (**permalink**) 02/06/2010, 17:45

Nivo Slider, otro Slider de jQuery
Sitio oficial: http://nivo.dev7studios.com/
Demos: http://nivo.dev7studios.com/demos/

cristian_cena · #26 (**permalink**) 03/06/2010, 21:20

jQuery Quicksand plugin, un organizador muy elegante.

rafael25 · #27 (**permalink**) 22/09/2010, 18:17

JQUERY

[URL="http://www.compujuy.com.ar/postx.php?id=51"]http://www.compujuy.com.ar/postx.php?id=51[/URL]

mayid · #28 (**permalink**) 24/11/2010, 16:29

Lettering esta muy bueno! Es increible que estas fuentes se publiquen sin usar imagenes:

http://letteringjs.com/

Demos:
http://andreashommel.net/sandbox/lettering/
http://designingmonsters.com/
http://www.danhigbie.com/

HelaVonOsten · #29 (**permalink**) 02/12/2010, 13:39

Un slide show genial

!!!
http://coffeescripter.com/code/ad-gallery/

Espero que lo disfrutéis.

juaniquillo · #30 (**permalink**) 17/05/2011, 10:28

He creado un plugin que he llamado jTinyAjax el cual ayuda a usar tinymce como un editor ajax. Es ideal para convertir contenido en contenido editable. Yo uso esta funcionalidad en el CMS que ofrezco a mis clientes para que puedan editar contenido una vez se identifican como administradores. Es el primer plugin que ofrezco públicamente, así que les agradezco cualquier comentario.

http://juaniquillo.com/blog/2011/05/jtinyajax/

También en Github

https://github.com/juaniquillo/jTinyAjax