Si pensábais que sólo jQuery tenía una guia de referencia completamente visual, os equivocabais. Esta guia de referencia de Script.aculo.us no llega al nivel de la otra pero igualmente puede resultaros muy útil.
JaS es la abreviatura de Javascript Slides, una librería Javascript altamente personalizable que te permite convertir tus imágenes, de forma sencilla, en una colección que se puede ver como una presentación, incluso con efectos si se desea. Soporta la creación automática de miniaturas y las etiquetas.
Puedes personalizar el aspecto tanto como desees y, si te sientes generoso, enviárselo al autor para que lo publique en su sitio para que todos podamos descargarlo, como ejemplo el tema Pink
Puedes utilizar JaS en tus sitios personales o comerciales siempre que no cobres a tus visitantes por ver las imágenes y mantengas los créditos al comienzo del script. Para cualquier otro uso puedes contactar con el autor.
JaS – Javascript Slides: http://www.robertnyman.com/jas/
A través de despuesdegoogle conozco una nueva librería ultraligera de efectos javascript: Bytefx.
Bytefx:
http://webreflection.blogspot.com/2006/09/simple-effects-bytefx.html
Demo
Low Pro es un conjunto de extensiones para la libería Prototype que hace más sencillo implementar un DOM scripting no obstrusivo y que forma el componente de Javascript del plugin Unobstrusive Javascript for Rails pero puede utilizarse de forma independiente.
Se trata de una compilación de numerosas técnicas adaptadas para ser utilizadas con Prototype, que se centran principalmente en mejorar el manejo de eventos y la manipulación del DOM de forma más acorde con el W3C.
Para comenzar a utilizarlo simplemente hay que descargarlo y cargarlo en nuestros documentos junto con Prototype.
Low Pro es compatible con todas las versiones 1.5+ de Prototype pero no funciona con la 1.4 ni anteriores.
Sin duda uno de los mayores inconvenientes del uso de AJAX en una aplicación web o sitio dinámico es la inutilización del botón atrás del navegador y la imposibilidad de seleccionar y agregar a favoritos secciones o vistas de la página.
En los sitios web tradicionales, al ir pulsando sobre los enlaces vamos abriendo páginas nuevas que se verán reflejadas en la barra de navegación. Si el usuario desea volver sobre sus pasos simplemente ha de ir pulsando el botón atrás de su navegador hasta regresar al lugar de donde vino. Además, si lo desea, el usuario puede guardar la dirección de determinada sección o vista para acceder a ella directamente o para compartirla con otros usuarios.
Los sitios web creados con tecnología AJAX no generan nuevas páginas al ir abriendo secciones si no que todo se carga dentro del mismo documento. Los navegadores no están acostumbrados a este comportamiento y si un usuario aprieta el botón atrás pensando volver al lugar donde estaba inmediatamente antes, puede llevarse una desagradable sorpresa al verse en el principio del sitio o, incluso, fuera de él. Ni que decir tiene que al ocurrir todo dentro de la misma página no se actualiza la url y por tanto es imposible seleccionar secciones concretas para favoritos.
Existen numerosas técnicas para corregir este comportamiento y permitir a los usuarios utilizar los botones de atrás y adelante de su navegador, así como acceder directamente a partes del sitio. No obstante la mayoría presenta fallos y, además, suelen estar integradas en librerías más extensas (por ejemplo, Dojo) obligándonos a adaptarnos a la librería seleccionada y a cargar scripts con un peso considerable.
Debido a estos fallos e inconvenientes de las soluciones preexistentes Brad Neuberg decidió crear Really Simple History: Un completo script que puede añadirse a cualquier aplicacion AJAX. RSH soluciona los fallos más comunes y funciona correctamente en Internet Explorer, Mozilla Firefox y Opera. Safari no está soportado por ningún script de este tipo ya que su forma de manejar la historia y los marcadores es totalmente diferente.
Si Really Simple History os parece demasiado pesado o si estáis utilizando Prototype/Script.aculo.us seguramente os interesará echarle un vistazo al script creado por Kevin Hoang, mucho más ligero (poco más 100 líneas de código) aunque seguramente con menos opciones.
Supongo que todos conocíamos moo.fx, moo.ajax o moo.dom y otros pequeños scripts creados por Mad4Milk.
Desde ayer todos estos scripts y algunos más se encuentran englobados en la nueva librería Mootools.
Se trata de una librería modular, la página de descargas nos permite escoger los componentes que queremos descargar y nos genera un solo archivo.
Está probada con Safari, MSIE 6 y 7, Firefox, Opera y Camino. Además, los usuarios de Firefox se beneficiarán de la optimización para ciertas funcionalidades sin que tú tengas que modificar tu código.
Como todos los scripts de Mad4Milk está bajo una licencia MIT
Mootools: http://mootools.net/
El equipo del GWT ha lanzado una actualización de su librería. En este caso, han mejorado diversas cosas e introducido novedades:
Algunos cambios a nivel de API pueden requerir retoques en el código al actualizar, pero debería ser una actualización sencilla.
Descarga GWT 1.1:
http://code.google.com/webtoolkit/download.html
Via Google Code Blog
Seguro que muchos de tus favoritos de del.icio.us son articulos con referencias y fragmentos de código que “seguro usarás en tu próximo desarrollo”.
Si quieres tener todos esos fragmentos bien clasificados por lenguaje, etiquetados y siempre disponibles seguro que le encuentras uso a Snipplr.
Además, debido a su caracter de red social podrás buscar entre el código enviado por el resto de usuarios y añadir lo que te interese a tus favoritos. Sin duda una buena herramienta para localizar ese código que hace justo eso que necesitas.
Enlace: http://snipplr.com/
Via Genbeta
Esta clase Javascript te permite añadir una ventana a una página HTML.
Se basa en Prototype y se inspira en los efectos de Scrip.taculo.us, incluso puedes usarlos para animar las ventanas.
Ha sido probado en Safari, Camino, Firefox e IE6.
Puedes ver algunos previews en la página del script
Prototype Window Class: http://prototype-window.xilinus.com/index.html
Prototype: http://prototype.conio.net/
Scrip.taculo.us: http://script.aculo.us/
Via DZone
Si buscas ejemplos de código listos para descargar, que puedes tanto estudiar como emplear en tus proyectos personales o comerciales, Dynamic Drive y su libreria de CSS seguro que se convertirán en uno de tus favoritos.
Recuerda leer las condiciones de uso ya que los ejemplos descargados tienen algunas restricciones.
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
Seguir @webmasterlibre
