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.

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

    probando actualización con ajax

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

  5. Marcel

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

  6. Reylim

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

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

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

  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.
1|2|3|4|5|6|7|8|9|10|11|12|13|14|15|16|17|18|19|20|21|22|23|24|25|26|27|28|29|30|31|32|33|34|35|36|37|38|39|40|41|42|43|44|45|46|47|48|49|50|51|52|53|54|55|56|57|58|59|60|61|62|63|64|65|66|67|68|69|70|71|72|73|74|75|76|77|78|79|80|81|82|83|84|85|86|87|88|89|90|91|92|93|94|95|96|97|98|99|100|101|102|103|104|105|106|107|108|109|110|111|112|113|114|115|116|117|118|119|120|121|122|123|124|125|126|127|128|129|130|131|132|133|134|135|136|137|138|139|140|141|142|143|144|145|146|147|148|149|150|151|152|153|154|155|156|157|158|159|160|161|162|163|164|165|166|167|168|169|170|171|172|173|174|175|176|177|178|179|180|181|182|183|184|185|186|187|188|189|190|191|192|193|194|195|196|197|198|199|200|201|202|203|204|205|206|207|208|209|210|211|212|213|214|215|216|217|218|219|220|221| valtrex viagra where to buy melbourne buy eriacta from canada overnight cialis delivery usa cialis and viagra for sale buy online drug viagra pharmacy generic viagras names viagra overnight delivery usa generic nolvadex generic viagra 50mg for sale online viagra no precription get free viagra non prescription viagra online tadalafil prix where to purchace generic viagraAccutane Online Doxycycline online Buy Cheap Lexapro Online No Prescription Prednisone Online Buy Accutane No Prescription