Otra cosa no pero no se puede negar que la gente de jQuery es currante, no paran de sacar nuevas versiones y refinar su ya de por si muy potente y sencillo de utilizar framework. Esta vez le toca el turno a la versión 2.0, que lleva disponible desde hace un par de días y que cuenta como mayor hecho diferenciador el haber retirado el soporte para los old-IE (es decir, Internet Explorer 6-7-8).

Esta retirada de soporte a los navegadores más vetustos de Microsoft ha supuesto una reducción del tamaño del código en un 12% por lo que hace a esta nueva versión de jQuery ideal para su inclusión en aplicaciones móviles (PhoneGap, Blackberry 10, Firefox OS), extensiones de navegadores o aplicaciones para Windows 8. Para aplicaciones web que requieran soporte para un amplio espectro de navegadores recomiendan seguir usando jQuery 1.x y anuncian la próxima salida de jQuery 1.10.

También recomiendan que si usas una versión antigua de jQuery, migres primero a la versión 1.9 y luego, de que compruebes que todo funciona como un reloj suizo, pasar a la 2.0 ya que son API-equivalentes (sea lo que sea lo que eso signifique).

¿Y cuáles serán los siguientes pasos en esta rama 2.x recién estrenada? Pues al parecer se quieren centrar en seguir aligerando el tamaño del código y su próximo objetivo serán los parches para las versiones antiguas de Webkit y Android. Veremos a ver que tal.

Pues nada, después del tochazo que os he metido como si nada, toca ponerse el mono de trabajo, equiparnos de snacks chocolateados y bebidas energéticas y ponernos a trastear, que es lo que nos gusta.

Pd: todos los commits de esta versión, son unos pocos, ¿verdad?

Vía | Official jQuery Blog

Ayer mismo todos los frontenders del mundo tuvieron una gran noticia (quizás a los que sean muy hardcore de JS no tanto): la salida de la release final de jQuery 1.9. Seguro que ya te la has descargado y estás trasteando con ella pero si no es así, permítenos que te digamos como descargarla y cuales son las principales novedades que presenta aunque sea de manera superficial. Vamos a ello:

• API simplificada de la que se han eliminado muchos elementos superfluos o dudosos
• El getter .css() es ahora multi-property (le pasas un array con property names y te devuelve un objeto con sus values)
• Soporte mejorado para el CSS3 multi-navegador, permitiendo selectores como nth-last-child, :nth-of-type, :target o :root en todos los navegadores desde IE6
• Nuevo método .finish() que completa inmediatamente todas las animaciones encoladas para un elemento
• Soporte para los source maps de JS, muy útiles para trazar errores, en aquellos navegadores que lo permitan

Además de, por supuesto, arreglar infinidad de bugs arrastrados de versiones anteriores. Te puedes descargar este jQuery 1.9 aquí y sería conveniente a su vez echarle un vistazo a la guía de actualización para tener una visión más global de esta nueva versión.

Pero esto no es todo porque la gente de jQuery aprovechó el día de ayer para hacer otras dos presentaciones: el plugin jQuery Migrate 1.0 para permitir un paso menos doloroso entre las versiones primigenias de jQuery y las últimas y más poderosas y la primera beta de jQuery 2.0 (disponible aquí), que se plantea jugosa y que ya trae de por si una cosa muy importante: no funcionará en IE8 e inferiores.

¡A trastear jóvenes!

Vía | jQuery blog

Ya sabéis (y si no, os lo cuento, que no me cuesta nada) que soy un enamorado de jQuery y de todo el ecosistema de plugins y herramientas que se ha montado a su alrededor. Lo que os traemos hoy se llama gridster.js y tiene buena pinta: un plugin jQuery para hacer tus layouts draganddropeables (perdóname Cervantes por este atentado a la lengua española) con múltiples columnas.

Sencilla de utilizar (apenas cuatro métodos y una docena de atributos), bien documentada y, por lo que se ve en su pequeña demo, bastante potente, se trata de una librería con licencia MIT y almacenada en Github (¿dónde si no?) para que te puedas hacer un fork tan ricamente. Además es de factura española (algo que siempre gusta) ya que ha sido desarrollada y liberada por la gente de Ducksboard.

Una interesante utilidad que cuando pueda pienso probar y ver si me soluciona un par de temas que tengo atascados en mis pet projects (sí, ¿qué pasa? ¡Yo también tengo de eso!). Ya sabéis, si hacéis lo mismo, contadnos luego vuestras impresiones en los comentarios, que aunque sea verano siguen estando ahí para algo.

Vía | gridster.net
En Genbeta Dev | jQuery++, esteroides para tu jQuery

jQuery mola. Eso es tan verdad como que la Tierra es redonda o que a los Borbones les gusta ir de caza. Pero que mole no quiere decir que sea perfecto y de hecho no lo es: le faltan algunas funcionalidades del DOM, algunos eventos y algunos de los que tiene puede mejorarse (y de hecho lo van haciendo en cada nueva versión). Por eso surgen distintos proyectos para completarlo y complementarlo. El que os traemos hoy en Genbeta Dev se llama jQuery++ (sí, el nombre no es el más original del mundo) y la verdad es que se trata de una buena opción.

Está formado por varias librerías divididas en dos grupos, DOM Helpers y eventos, y permite, entre otras muchas cosas, serializar formularios, redimensionar elementos de forma elegante, mejor gestión de cookies y rangos, drag&drop sin necesidad de jQueryUI o parar y reanudar eventos.

Tiene una licencia MIT, está alojado en GitHub y permite su instalación tanto de forma completa como sólo aquellas librerías que puedas necesitar. Todo aderezado con una amplia documentación, un activo foro de la comunidad y muchos ejemplos de uso.

Desde luego este jQuery++ es un chute de esteroides de calidad para nuestro querido y abnegado jQuery.

Vía e imagen | jQuery++
Código fuente | GitHub

Siempre he pensado que el juego de la serpiente o Snake es uno de los problemas más interesantes cuando estás intentando hacerte con el control un lenguaje de programación o tecnología. Si sabes hacer un Snake, el lenguaje de programación ya (casi) no tiene secretos para ti. Por eso me ha parecido interesante esta demo del Snake hecho en jQuery que os enlazamos hoy y que se han currado en webdeveloper juice.

Unas cuantas líneas de html, otras pocas de css y todo el potencial de jQuery y tenemos un Snake perfectamente funcional en un rato. Una buena manera de adentrarte en el framework de moda en el mundo Javascript y de conocer su sintaxis, sus flujos y sus peculiaridades. Y además, aunque el juego es perfectamente funcional, es también perfectamente mejorable (ajustar más la velocidad, opciones de stop y reset, tabla de high scores…) por lo que seguro que te entran ganas de trastear el código y mejorarlo ya seas un novato en el mundillo de jQuery o todo un experto.

Una sombrita, unas birras y un poco de picar código jQuery, ¿qué mejor plan que este se te ocurre para esta calurosa tarde de sábado? Pues eso, de nada.

Vía y demo | webdeveloper juice
Imagen | Snake para Nokia
En Genbeta Dev | 30 días para aprender jQuery

Gracias a aplicaciones como Flipboard y similares, lo de presentar el contenido de tu web o aplicación como si se tratara de una revista de papel de las de toda la vida se ha puesto terriblemente de moda. A mi no me termina de flipar pero lo cierto es que el hype es grande y están apareciendo muchas herramientas para conseguir estos efectos con una facilidad pasmosa. Es el caso de la que os traemos hoy a Genbeta Dev: turn.js, un plugin para jQuery ligero, sencillo de usar (¡bendito jQuery!) y válido tanto para web como para aplicaciones móviles ya que se aprovecha incluso de la aceleración por hardware.

El resultado es, sin ser perfecto, muy llamativo y como ya he dicho es muy fácil de descargar, incorporar y utilizar por lo que si estás pensando incorporar este tipo de efectos revisteros en tus aplicaciones o webs, puede ser una buena opción, bien definitiva o bien como un paso previo a algo más potente y cuidado.

Como siempre recuerdo: si terminas descargándola y utilizándola, pásate por los comentarios para hacernos saber tus impresiones. Y si conoces más librerías y plugins de este tipo, ídem de lo mismo.

Pd: además está compartida con una licencia MIT por lo que podrás trastear con la librería tanto como quieras.

Vía | turn.js (gracias a un tuit de @anieto2k)
Descarga | Github

Cualquier momento es bueno para empezar a poner en práctica aquellos buenos propósitos que nos marcamos tras las campanadas que dan comienzo un nuevo año. ¿Quizás iniciarnos en un nuevo lenguaje o framework? pues ahora podemos aprovechar el curso online que nos proponen desde Tuts+ en el que disponemos de 30 días para aprender jQuery.

Desde su web oficial podemos acceder a una gran variedad de tutoriales, cursos y ebooks previo pago de una cuota mensual. Sin embargo este curso es de libre acceso con el que nos enseñarán los conceptos básicos para trabajar con este framework de javascript tan popular.

Dado que muchos de los que accederán a dicho curso no dispondrán de mucho tiempo para dedicarle, entre el trabajo, estudios y sus quehaceres diarios, este se presenta día a día mediante lecciones cortas en vídeo, durante un periodo límite de 30 días para aprender jQuery.

Además de las lecciones tendremos cada cierto tiempo que realizar unos test para así afianzar los conocimientos que hemos ido adquirido. Todo ello en perfecto inglés, aunque facilmente salvable ya que los vídeos se sigue con facilidad y podemos descargarnos los ejercicios que en ellos se explican. Y si aún así os quedais con dudas, podéis acceder al foro del curso.

Aprovechad la ocasión y que este buen propósito no quede para el año que viene.

Curso jQuery | Web Tuts+
jQuery | Web oficial
Imagen | Logotipos de Tuts+ y jQuery

Antes de entrar en materia tengo que reconocer que nunca llegué a terminar el master en oráculo y adivinatoria al que me matriculé (que los profesores fueran Rappel, Aramís Fuster, Paco Porras o Nostrapacus tuvo parte de culpa) por lo que seguramente nada de lo que comente en las siguientes líneas se termine convirtiendo en realidad. Sin embargo esto no es óbice para que no intente un pequeño ejercicio de ficción sobre el futuro inmediato del desarrollo web front-end (ejercicio totalmente opinativo, nada de verdades absolutas)... y tampoco debe serlo para que vosotros elucubreis en los comentarios y tengamos una animada charla. Dicho esto, pasemos a hablar de HTML5, navegadores, CSS3, jQuery, Flash, responsive design y lo que surja.

HTML5 ya no es la eterna promesa

Este blog nació casi con 2011 y a lo largo del año pasado te hemos mostrado diferentes proyectos que dejaban bien a las claras el potencial de HTML5 en diversas áreas, en especial en temas multimedia, de manejo de gran número de datos o de capacidades visuales (el drag&drop es genial). Este más que notorio potencial unido a su carácter standard (más importante que nunca en los tiempos que corren) y a su importancia para la definitiva llegada (algún día) de la web semántica y para el responsive design, hace que resulte poco arriesgado apostar a que este 2012 va a ser el año de la definitiva consolidación de HTML5 a nivel global.

HTML4 estaba muy arraigado y parecía que HTML5 no terminaba de despegar y ganarse a la comunidad, que iba a ser un Guti o un Bojan de la vida… pero nada de eso, ya se ha despojado de la etiqueta de eterna promesa y se ha convertido en una realidad con un gran presente. No sería nada de extrañar que muchas de las grandes se fueran alineando a su lado (junto a Mozilla o Google, por ejemplo) a lo largo de este año y, desde luego, los desarrolladores y maquetadores ya están más que listos, todos ansiosos de dejar tecnologías caducas y abalanzarse sobre las nuevas etiquetas y características cual vampiros sedientos sobre jovenes y dulces cuellos femeninos.

CSS3, el sidekick perfecto

Todo Batman necesita su Robin, un ayudante, un sidekick que lo acompañe y le ayude a sobrevivir y derrotar a los malvados. CSS3, la última evolución en hojas de estilo, parece el acompañante perfecto para HTML5. Juntos son capaces de hacer auténticas virguerías y juntos van a asaltar este 2012. Aunque lo cierto es que si CSS3 ha multiplicado el potencial de CSS, también ha aumentado la complejidad… y para el que esto escribe CSS ya es de por si bastante complejo y lioso. Y además sigue sin ser lo suficientemente flexible. todo esto junto hace que los todavía poco valorados frameworks de preprocesamiento de CSS (como LESS y demás) vayan a sufrir también un importante aumento de su popularidad y uso.

Además, otro tipo de frameworks, los orientados a facilitar el anteriormente comentado responsive design (diseño sensible), el diseño que se adapte a cualquier tipo de pantalla y dispositivo, van a comenzar a estar muy, muy en boga. Y si no, al tiempo.

jQuery y la potencia del Javascript bien entendido

Anárquico como una noche de fiesta de Charlie Sheen, nada hacía presagiar hace tan solo unos años que Javascript iba a tener el resurgir que está teniendo estos últimos tiempos. Se debe en parte a toda la cantidad de frameworks que han ido surgiendo y compitiendo entre si. Sin embargo, visto el potencial de la dupla HTML5 + CSS3, parece obvio que aquellos frameworks que se han ido limitando a los “efectitos” y temas meramente de presentación van a tender a la desaparición mientras que los que están en permanente evolución y tienen una gran comunidad detrás aportando mejoras y realizando plugins para casi cualquier cosa (desde manejo de números hasta el hypeado diseño sensible) tienen todas las de ganar. Claro, hablo de jQuery. El 2012, como lo fueron 2010 y 2011, va a ser suyo.

Eso si, no debemos tampoco perder de vista proyectos tan interesantes como Backbone.js y su proposito de estructurar ese caos que es Javascript (proposito loable y que parece que está logrando)... y eso que ya en el tema del lado del servidor y toda la revolución que está sucediendo con Node.js no entramos…

Los navegadores que no amaban a los desarrolladores

Los distintos navegadores (y sus múltiples versiones) y las incompatibilidades e incongruencias entre ellos son la gran cruz de los desarrolladores front-end, los maquetadores y hasta los diseñadores… y lo van a seguir siendo. Sin embargo, el pasado 2011 vimos como Firefox (a partir de su versión 7) empezó a recibir actualizaciones automáticas y como Microsoft anunciaba que IE empezaría a hacer lo mismo en 2012, uniéndose ámbos a Chrome, que ya lo viene haciendo desde hace años. No es la cuadratura del círculo pero, desde luego, que los tres principales navegadores del mercado se auto-actualicen, va a ahorrar algunos quebraderos de cabeza a los desarrolladores y eso siempre es una buena noticia.

Flash o los viejos rockeros sí pueden morir

Se rumoreó que Fidel Castro había muerto a principios de la semana pasada, Fraga está muy regular de salud y las limpiezas sanguineas de Keith Richards parece que ya no funcionan tan bien como antes. Los viejos rockeros pueden morir y el 2012 puede ser el año de defunción de Flash. Hace tan sólo 3 años esto era impensable: las webs realizadas en Flash proliferaban como las setas en el bosque, los libros sobre Flex se agotaban rápido de las librerías y los puestos de desarrollador en Flash eran de los más cotizados en las empresas de desarrollo. Ahora, sin embargo, ni siquiera Adobe parece apostar fuerte por su producto estrella y hace tímidos gestos de acercamiento a HTML5 y demás fórmulas standard. Gigantes más grandes han caído en todos los ámbitos de la vida así que tampoco es algo tan de extrañar.

Y esto todo por mi parte aunque, como ya he comentado al principio de este largo post, lo realmente bueno empieza ahora con vuestras visiones y opiniones en los comentarios… ¿o es qué acaso sois unos huevones? No, yo sé que sois unos leones, ¡demostradlo!

Los chicos de jQuery están que no paran. Si hace nada presentaron en sociedad la versión 1.7 de su conocido framework para Javascript (y menos aún que presentaron la última RC de su nuevo proyecto, jQuery Mobile), ya están trabajando duro en la versión 1.8, para la cual están recabando, como si del ejercito americano se tratara, toda la colaboración ciudadana posible.

Así pues, todos los usuarios de jQuery podrán, a través de un formulario habilitado hasta el 5 de Diciembre, aportar sus ideas para que esta versión 1.8 (y posteriores, claro) sea mejor aún que sus predecesoras. Puedes reportar bugs, proponer nuevas funcionalidades, cambiar o mejorar las ya existentes… un amplio abanico de opciones que luego seguro tienen muy en cuenta en las oficinas de jQuery.

En definitiva, un acercamiento a priori muy inteligente de jQuery a su cada vez mayor comunidad.

Vía | jQuery Blog

En una cascada de novedades, la gente de jQuery y de jQuerymobile se mantienen en el candelero de la actualidad lanzando actualizaciones una detrás de otra.

Ahora jQuery presenta la versión 1.7.1, lanzada ayer día 21 de noviembre, justo antes de la celebración –posiblemente- más importante de los Estados Unidos: Thanksgiving. Que celebra y da gracias a Dios por la llegada a América de los primeros colonos ingleses, con la bienvenida de los indígenas.

Como bien indican en su blog, han estado haciendo las instalaciones y pruebas mientras disfrutan de un festín de golosinas hechas en casa de mamá. Por lo cual piden paciencia mientras se propagan por su CDN los ficheros que han publicado justo antes de las fiestas.

Las mejoras, correcciones y actualizaciones son múltiples y variadas, pero en líneas generales se agrupan en:

• Ajax
• Atributos
• Build
• Núcleo (core)
• Css
• Datos
• Efectos
• Eventos
• Manipulación
• Miscelánea

• Soporte

Así mismo, los autores señalan que están abiertos a peticiones para añadir o corregir en la próxima versión 1.8 en la que ya están trabajando.

Que lo disfrutéis.

Descargas | jQuery 1.7.1 min, jQuery 1.7.1
Más información | blog jQuery
En GenbetaDev | Novedades en jQuery 1.7