JavaScript, Toolkit y demases

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?

Sobre el Autor: Jorge Epuñan

Soy quien escribe en este sitio: diseñador gráfico de profesión, desarrollador web por preferencia y amante de la interacción humano-computador. Cuando no pienso en web, salgo a trotar por mis barrios en Santiago, Chile o me junto con amigos a un bar a conversar sobre nuevas tendencias y tecnologías. Twitter profesional y personal, además del Contacto.

Relacionados

Útiles herramientas

El diseño y desarrollo web no se trata sólo de conocimientos, técnicas y muchas cartas bajo la manga. También influye el ambiente, la plataforma y las herramientas de desarrollo. Sobre este último punto me gustaría compartir en este artículo, en el cual comparto sobre mi experiencia en el uso de herramientas que mejor se han [...]

Definitivo: PNG’s transparentes en IE6

Finalmente dí con la solución final a mis problemas de soporte de transparencias de PNG para IE6. Este tema es otro en los que más usuarios entran a CSSLab buscando por soluciones reales. En mi anterior artículo sobre este mismo tema, la solución es real pero su implementación se torna complicada de adaptar en cualquier [...]

Web y especialización

Web y especialización

Oye Jorge, tengo ganas tomar un diplomado. ¿Sabes de alguno que me recomiendes? Hey, voy a hacer un postgrado en XXX de YYY en la Universidad ZZZ, ¿Qué te parece? Ambos casos me han sucedido más de una vez y mi respuesta a ellas ha sido algo como: “Mira, nosé, no estoy actualizado de la [...]

  1. 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.

    postNuKe
    25 / Junio / 2006

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

    Ismael
    27 / Junio / 2006

  3. probando actualización con ajax

    pablo
    09 / Septiembre / 2006

  4. 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

    henry herandez
    18 / Julio / 2007

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

    Marcel
    25 / Noviembre / 2007

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

    Reylim
    24 / Enero / 2008

  7. 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

    Chavez
    04 / Mayo / 2008

  8. 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!

    Juliann Toney
    15 / Noviembre / 2011

  1. [...] Actualmente ha proliferado el uso de AJAX para cargar contenido sin necesidad de refrescar el browser. Se ha hecho ...
    CSSLab » Cargando imágenes con CSS
  2. [...] Actualmente ha proliferado el uso de AJAX para cargar contenido sin necesidad de refrescar el browser. Se ha hecho ...
    Splashlog! » Blog Archive » Cargando Imágenes con CSS
  3. [...] es el objeto XMLHTTPRequest (propietario de Microsoft); la otra, es IFrame. Esas ventanas modales (lightbox, greybox, thickbox) suelen utilizar ...
    » Cómo no usar más <iframe> | CSSLab
  4. [...] y se comportan relativamente bien dentro del entorno de desarrollo al cual fueron creadas. Lightbox fue uno de los ...
    CSSLab » Review 2: Shadowbox
  5. [...] contenido sin necesidad de refrescar el browser. Se ha hecho más fácil con el amplio abanico de toolkits existentes, ...
    Splashlog! » Blog Archive » Cargando Imágenes con CSS
  6. [...] contenido sin necesidad de refrescar el browser. Se ha hecho mas fácil con el amplio abanico de toolkits existentes, ...
    Blog H-HaWK » Blog Archive » Cargando imágenes con CSS
  7. [...] y curiosear entre enlaces y conocer sus consecuencias; por algo las ventanas modales y los efectos que nos ofrecen ...
    CSSLab - K.I.S.S.

OJO: si vas a agregar código fuente, asegúrate de convertirlas antes a entidades HTML, sino el comentario no se renderizará correctamente.

compartido 1 veces
Cargando