JavaScript, Toolkit y demases

23/jun/2006 15

Desde hace ya un tiempo se vienen desarrollando cada vez con más frecuencia aplicaciones web dejando de lado la hegemonía que por años tenía Flash, como herramienta de diseño web. Claro, a los clientes les gusta que sus sitios tengan harto movimiento, así que no los culpo por preferir sitios construídos enteros en esta plataforma vectorial. Con la importancia del posicionamiento en buscadores, se ha hecho necesario un retroceso en pro del uso de DHTML para un mejor acercamiento y entendimiento con los estándares web. Con ello, se ha vuelto a desarrollar con la ayuda de JavaScript, ahora ya no solamente utilizado como un mero script, sino que orientado a objetos. Y con el movimiento OpenSouce, CopyLeft, Creative Commons, etc su uso es público y lo mejor para nosotros diseñadores/desarrolladores: GRATIS. Bastantes son las ventajas que obtenemos a simple vista: efectos de movimiento, de formas, de colores. Y la mecánica por detrás (lo que no se ve) también gana, con menor uso de recursos y flexible construcción de aplicaciones autónomas.

Últimamente he utilizado bastante algunos de estos recursos. Claro, a nivel estético, funcional. A continuación menciono los más importantes:

  • Dojo: open-source JavaScript toolkit que facilitan el desarrollo web. Efectos y más.
  • moo.fx: "superliviana, ultrapequeña, megachica librería de efectos JavaScript escrito con Prototype".
  • MochiKit: suite de librerías JavaScript altamente compatible.
  • OpenRico: librería JavaScript open-source para crear contenidos ricos para la web. Soporte para AJAX.
  • script.aculo.us: la más conocida de todas las librerías JavaScript. Fácil de usar, compatible y con atractivos efectos.
  • Swat: toolkit construído con PHP5.
  • Lightbox: "simple, unobstructivo script utilizado para sobreponer imágenes en el mismo documento". ¡Adios al popup, al fin!
  • Lightbox 2: idem, pero con mejoras sustanciales.
  • Thickbox: con el mismo proncipio anterior, pero ahora puedes abrir contenidos y hasta formularios además de imágenes.
  • LITBox: idem pero con mejoras respecto a ThickBox.
  • Tooltip.js: tooltip es un útil elemento que aparece siguiendo el mouse cuando una acción es establecida (por ejemplo, encima de un link). Se puede customizar fácilmente con CSS y se ha transformado en una útil herramienta.
  • jTip: otro Tooltip, pero con mejoras en cuanto a la carga y despliegue de mayor contenido.
  • reflection.js: agrega reflejos a tus imágenes rápido y fácil con este efecto JavaScript. Sólo 5KB!

Seguro hay muchos más. Y espero sigan desarrollándose, para un mejor y más compatible desarrollo web. ¿Cuál les gusta más?

Comentarios

  1. postNuKe [#]

    Que pasada el de reflection!!!, en serio me ha parecido una gran idea que ahora mismo estoy pensando en usarlo en alguna web ;). Muchas gracias.

  2. Ismael [#]

    Excelente sumario!
    No cachaba LITBox, muy bueno. Me gusta que esté construido sobre prototype porque últimamente incluyo esa librería en todos mis proyectos.

  3. CSSLab » Cargando imágenes con CSS [#]

    [...] Actualmente ha proliferado el uso de AJAX para cargar contenido sin necesidad de refrescar el browser. Se ha hecho mas fácil con el amplio abanico de toolkits existentes, fáciles de usar e integrar, y gratis. En este momento mostraré un truco para mostrar la carga de una imagen a través de un simple GIF animado; en realidad puede ser cualquier mensaje que estimes conveniente, siempre que sea una imagen liviana (no más de 2KB). [...]

  4. pablo [#]

    probando actualización con ajax

  5. henry herandez [#]

    Esta interesante los ejm. que nos dan muy utilies para utilizarlos, espero q pronto pongan mas,

    saludos muchas gracias por compartir sus productos

    buen dia

  6. Splashlog! » Blog Archive » Cargando Imágenes con CSS [#]

    [...] Actualmente ha proliferado el uso de AJAX para cargar contenido sin necesidad de refrescar el browser. Se ha hecho más fácil con el amplio abanico de toolkits existentes, fáciles de usar e integrar, y gratis. En este momento mostraré un truco para mostrar la carga de una imagen a través de un simple GIF animado; en realidad puede ser cualquier mensaje que estimes conveniente, siempre que sea una imagen liviana (no más de 2KB). [...]

  7. » Cómo no usar más <iframe> | CSSLab [#]

    [...] es el objeto XMLHTTPRequest (propietario de Microsoft); la otra, es IFrame. Esas ventanas modales (lightbox, greybox, thickbox) suelen utilizar iframe’s para abrir otros contenidos dentro de la misma página, sin [...]

  8. Marcel [#]

    Muy interesante el recopilatorio! Algunos los desconocía!
    Gracie Mile :)
    Marcel.

  9. Reylim [#]

    Gracias por la informacion me has dado a conocer librterias que no conocia, Vamos a ponerlos en uso y practica :)

  10. CSSLab » Review 2: Shadowbox [#]

    [...] y se comportan relativamente bien dentro del entorno de desarrollo al cual fueron creadas. Lightbox fue uno de los primeros, Thickbox uno de los más completos, Greybox, Lightwindow… [...]

  11. Chavez [#]

    Te felicito excelente, gracias por compartir el conocimiento con nosotros me será de mucha ayuda.

    Algunas librerias estan mas documentadas que otras a mi me simpatizó mas la libreria Swat, es muy buena y tiene muchos ejemplos utiles al igual que las de Thickbox

  12. Splashlog! » Blog Archive » Cargando Imágenes con CSS [#]

    [...] contenido sin necesidad de refrescar el browser. Se ha hecho más fácil con el amplio abanico de toolkits existentes, fáciles de usar e integrar, y gratis. En este momento mostraré un truco para mostrar [...]

  13. Blog H-HaWK » Blog Archive » Cargando imágenes con CSS [#]

    [...] contenido sin necesidad de refrescar el browser. Se ha hecho mas fácil con el amplio abanico de toolkits existentes, fáciles de usar e integrar, y gratis. En este momento mostraré un truco para mostrar [...]

  14. CSSLab - K.I.S.S. [#]

    [...] y curiosear entre enlaces y conocer sus consecuencias; por algo las ventanas modales y los efectos que nos ofrecen las librerías Javascript se han hecho tan [...]

  15. Juliann Toney [#]

    Extraordinary! This site appears exactly like my personal old 1! It’s over a fully various subject however it provides virtually exactly the same design along with design. Outstanding collection of hues!

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

CSSLab