Avisar de contenido inadecuado

Ajax en Pixelovers

Expand

Javascript y jQuery: Consejos y Buenas Practicas (Parte II)

Hace unas semanas iniciamos una serie de 2 posts para hablar de lo que consideramos que son unas buenas practicas para desarrollar codigo Javascript con la libreria jQuery.

http://stc.obolog.net/multimedia/fotos/309000/308801/308801-209198.jpg

Con este post cerramos la serie y profundizamos un poco más en el tema

En el primer post de esta serie comentamos algunas generalidades que nos pueden servir de base a la hora de desarrollar un código JS eficiente. En este segundo post hablaremos de como solucionar de forma eficiente problemas concretos que nos solemos encontrar en nuestros desarrollos.

Asi que, ahi vamos...

Expand

Nueva versión de JQuery: 1.2.2

53714-46267.jpgJQuery celebra su segundo aniversario con la publicación de su versión 1.2.2. Esta versión incluye principalmente correcciones para varios bugs de la versión 1.2, junto con algunas mejoras, sobre todo en el rendimiento del los selectores.

Cambios importantes en esta nueva versión

  • Mejora de un 300% en la velocidad de $(ElementoDOM)
  • Mejoras en el comportamiento de la función .ready()
  • Nuevos eventos: mouseenter, mouseleave, mousewheel.
  • Función .not más compleja.
  • y más...

JQuery sigue siendo uno de los frameworks javascript más activos y prometedores de los que disponemos en la actualidad.

Expand

JQuery 1.2 y su nueva librería User Interface

Los chicos de JQuery no paran. Hace unos días anunciaban la última release de la versión 1.1, y ayer por la noche comentaban en su blog que ya está disponible para descarga la primera release de la nueva versión 1.2. Como siempre, la nueva versión viene con bastantes mejoras de rendimiento, varios bugfixes, y lo más importante: nuevas funcionalidades y atajos, y algunas otras que han pasado a mejor vida.

Si vas a pasarte a esta nueva versión no olvides repasar sus consejos de actualización, y leerte la nota completa del release de JQuery 1.2.

27562-26661.jpg En el mismo post anuncian también para este mismo domingo dia 16 de Septiembre el lanzamiento de su User Interface Library, que extenderá las posibilidades de la librería con un montón de nuevos eventos y funcionalidades: Drag & Drop, elementos ordenables, creación de árboles expandibles, acordeones, pestañas... y como ejemplo nos muestran una captura de lo que se podrá conseguir con ella. ¡Me muero de ganas de probarla!

27562-26662.jpg

Expand

Jquery 1.1.4: Nueva versión, y siguen mejorando

24593-23698.jpg

JQuery, uno de los mejores frameworks javascript que podéis encontrar actualmente ( el mejor, si me apuráis ), ha publicado hace unos días una actualización de la serie 1.1.x, la última antes de la versión 1.2 que posiblemente verá la luz durante el mes de septiembre.

Esta actualización va en la línea de la anterior: algunos bugfixes menores, y un trabajo centrado en optimizar el rendimiento de 3 de las partes más importantes de la librería:

  • Selectores de id - $("#id"): Se ha conseguido una mejora media del 1676%
  • Selectores de etiquetas - $("elem"): Se ha conseguido una mejora media del 295%
  • Iteración mediante .each: Se ha conseguido una mejora del 554%
Como en la versión anterior, los cálculos sobre la mejora de rendimiento de la librería se han efectuado los tests de la suite SlickSpeed.

Además de estas mejoras de rendimiento y los bugfixes, encontraréis algunas funciones nuevas y otras que han pasado a incluirse en funciones ya existentes, para simplificar la librería.

Encontraréis la información detallada de esta nueva versión en el blog de JQuery

Expand

JQuery 1.1.3: más rápido, más estable, igual de ligero

15801-15085.jpg JQuery, mi framework javascript preferido, se ha actualizado hoy a la versión 1.1.3. En esta nueva versión aseguran haber mejorado la velocidad de parseo del DOM en más de un 800%, convirtiéndose en el framework que mejores resultados da sobre el navegador (aún) mayoritario: IE.

En las pruebas de rendimiento que se han realizado sobre la suite de pruebas SlickSpeed los resultados son sorprendentes, ya no sólo cuando comparamos el rendimiento de esta nueva versión sobre sus principales alternativas ( Prototype, mootools, Dojo... ), si no sobretodo cuando comparamos con la anterior versión de la misma librería.

Navegador jQuery 1.1.2 jQuery 1.1.3 % Mejora
IE 6 4890ms 661ms 740%
Firefox 2 5629ms 567ms 993%
Safari 2 3575ms 475ms 753%
Opera 9.1 3196ms 326ms 980%
Mejora media: 867%

Algunas de las mejoras y novedades que encontraremos en esta actualización:

  • Nuevos selectores
  • Renderización de las animaciones más rápidas y suaves
  • Mejoras en el manejo de eventos
  • Posibilidad de usar múltiples ".is()"
  • Implementación de Jquery.browser.version para saber qué navegador y versión está usando el usuario

En el mismo post nos avanzan algunos planes de futuro bastante jugosos. Particularmente me ha parecido interesante la iniciativa de Paul Bakaus de montar una JQuery UI, una completa librería que implementará Draggables, Droppables, Sortables, Resizables... todo lo que hasta ahora sólo era posible hacer con plugins como Interface.

Estaremos atentos a las novedades. 

Expand

Frameworks Javascript & AJAX

aNieto2K se hace eco de la nota aparecida en ajaxian: 210 Ajax Frameworks and counting.

 Y es que la verdad es que desde la popularización de ciertas técnicas avanzadas de Javascript y su implantación en muchas de las aplicaciones de lo que se ha venido a llamar la Web 2.0, resulta más que práctico casi imprescindible echar mano de algún tipo de framework que nos facilite el trabajo, ya sea en lo referente exclusivamente a comunicaciones AJAX o para simplificar el acceso y modificación del DOM, o la gestión de eventos.

De todas formas, a pesar de la variedad he de decir que, al menos hasta ahora, no he encontrado nada tan potente, sencillo de usar y optimizado en cuanto a rendimiento y tamaño como JQuery.

¿Qué framework usas tú? ¿O quizás eres de los que piensan que esto de los frameworks es para cobardes y te curras todo tu javascript a pelo? Wink 

Más información

Expand

DED|Chain, YUI al estilo JQuery

Si te has tenido que pelear con AJAX y efectos dinámicos javascript, es posible que hayas usado ya, o al menos conozcas, las librerías Yahoo User Interface (YUI) y Jquery.

Pues bien... ¿Te imaginas la potencia y la estabilidad de la librería de Yahoo con simplicidad y la sencillez de uso de JQuery?

¡Existe! Su nombre es DED|Chain, y hoy la comentaban en el blog de YUI , y publicaban una entrevista a su creador, Dustin Diaz.

¿Habrá que probar, no?

Expand

Buffete libre de Cheatsheets: Sírvase usted mismo

Si eres desarrollador o trabajas en esto del diseño web estarás conmigo en lo útil que resulta en ocasiones disponer de pequeñas chuletas donde apuntar los patrones más comunes al contruir una query, o los diferentes selectores soportados por CSS2, o un listado con funciones de tratamiento de cadenas de texto para PHP...

A estos efectos, los Cheat Sheets de ilovejackdaniels.com son bastante prácticos ( yo tengo 3 copias plastificadas en el escritorio ) y cubren diferentes áreas o tecnologías. Lo mejor: que van al grano. No pretenden ser pequeños manuales , sino guias de consulta rápida para aquellos que ya tienen ciertos conocimientos ( de hecho suelen ocupar una sóla hoja ).

De momento hay disponibles para:

Y si con estos no tienes suficiente o no encuentras lo que buscabas, puedes probar en este exhaustivo listado que han elaborado en Smashing Magazine.

Via | Obokaman