YUI 2.6.0 Liberado

Un Framework muy completo para desarrollar RIAs (Rich Internet Applications) es YUI, a.k.a. Yahoo! User Interface Library. La librería incluye un conjunto de utilidades y controles, está escrita en JavaScript y utiliza DOM Scripting, DHTML y AJAX; también incluye varios recursos CSS. El día de ayer se dió a conocer la nueva versión del framework, YUI 2.6.0, la cual incluye un nuevo control para carrousel de imágenes, un control de paginación de uso general, más de 450 correcciones, mejoras y optimizaciones, e incluye casi 300 ejemplos funcionales.

yui-carousel

yui-paginator

No hay que perder de vista que todos los componentes de la librería YUI son de código abierto bajo una licencia BSD, por lo cual su uso e implementación es gratuita en cualquier caso.

YUI se ha perfilado como un excelente framework de desarrollo, si no lo han utilizado, se los recomiendo… no es el único, no será el mejor, pero es muy completo y ahorra mucho tiempo al desarrollar aplicaciones web completas.

Enlaces:

Microsoft y Nokia apuestan por jQuery

Me estoy enterando de algo muy interesante para todo desarrollador: jQuery, uno de los mejores frameworks de JavaScript para el manejo de AJAX, será adoptado oficialmente por dos gigantes: Microsoft y Nokia.

Microsoft incluirá jQuery en la suite de desarrollo Visual Studio, junto con ASP.NET Ajax Framework, lo que significa que podremos programar y disfrutar de la tecnología IntelliSense, Snippets, ejemplos y documentación, dentro del propio Visual Studio. Me parece muy bien que los chicos de Redmond hayan optado por usar un framework robusto y abierto, en vez de crear uno propio… cuando Microsoft hace cosas buenas, hay que decirlo.

Por su parte, Nokia pretende lanzar un browser basado en WebKit (sin duda, un gran acierto), el cual incluirá jQuery por defecto, para beneficio de las aplicaciones ricas de Internet (RIA).

No hay que perder de vista que otros grandes han optado por jQuery, tales como Google, Digg, CBS, NBC, WordPress, Drupal, Mozilla, entre otros más. jQuery va despuntando, y se lo ha ganado a pulso, no por nada MooTools se ha puesto las pilas y ha renovado su framework… la competencia es cada vez más feroz :-)

¡Gracias Dion por el dato!

Bloqueando al Internet Explorer 6

Siguiendo con mi campaña para que dejemos morir al horrendo Internet Explorer 6, hoy me encuentro con un estupendo bloqueador del IE6, creado por Chris Coyier para que usemos en nuestros sitios y proyectos web. Su implementación es sumamente sencilla, basta con agregar unas líneas a nuestro html y el script (basado en JQuery) hará el resto.

Una vez implementado, cuando un usuario intente ver nuestro sitio web y esté usando IE6, se encontrará con lo siguiente:

ie6blocker

El contenido de nuestro sitio web se verá “oscurecido” por una capa negra semi transparente y se visualizará el popup de la imagen anterior, invitando al usuario a descargar un navegador web de calidad (¿adivinan cual?).

En el archivo zip encontrarán un ejemplo sencillo de su implementación, para que de manera inmediata puedan usarlo en sus sitios web.

Descarga: IE6 Blocker.

¡Dejemos morir al Internet Explorer 6!

Referencia: CSS-Tricks.

Toda la Verdad sobre Internet Explorer 8

Si eres usuario de Windows, a estas alturas ya sabrás del lanzamiento de Internet Explorer 8 Beta 2. La empresa de Redmond (a.k.a. Microsoft) ha mencionado mil maravillas sobre su nuevo navegador web, pero debido a la enorme mala fama que ha ganado, ya casi nadie le cree… ni modos, se lo ganaron a pulso. Enseguida surge la pregunta del millón, ¿será mejor y más rápido que Firefox?

Los chicos de ZDNet se dieron a la tarea de responder a esta pregunta. Se realizaron dos pruebas, SunSpider JavaScript benchmark y ACID 3, sobre el Internet Explorer 8 Beta 2, Internet Explorer 7 (para comparar el rendimiento entre ambos navegadores de Microsoft) y Firefox 3.0.1, la última versión estable de Mozilla. Los resultados son los que imaginaba… vean por ustedes mismos.

ie8b2-acid3

ACID 3: Barras largas significan mejor rendimiento.

ie8b2-sunspider

SunSpider: Barras cortas significan mejor rendimiento.

Hasta parece que ya estoy escuchando a los defensores de Microsoft: “pero si apenas es una versión betaaaa!!!”… ok, lo acepto… pero si tomamos en cuenta la inminente salida de Firefox 3.1 en la cual los chicos de Mozilla anunciaron que será de 20 a 40 veces más rápido en JavaScript (Ajax, Aplicaciones RIA) gracias a SpiderMonkey, entonces IE8 tiene una gran tarea por delante para poder competir decentemente con Firefox.

¡Ahh! y por si fuera poco,  Microsoft a principios de año prometió que desarrollaría Internet Explorer 8 cumpliendo los estándares web, lo que fue celebrado por toda la red, ya que era la primera vez que esto pasaría. De hecho, indicó que por defecto, cumpliría los estándares, pudiendo el usuario elegir mostrar la web en modos de compatibilidad con ciertas tecnologías… peeero según un reciente artículo en The Register, Microsoft ha roto ese compromiso justo con la liberación de la versión Beta 2 de Internet Explorer 8, y dice textualmente:

Esta semana se ha roto la promesa. Y no han pasado ni seis meses. En el momento de la publicación de Internet Explorer 8 Beta 2 se descubre que, si no todas, muchas de las páginas vistas en IE8 no se muestran en el modo estándar por defecto. El truco sucio está en el panel de configuración del “modo de compatibilidad”, en el que la casilla de “Mostrar sitios de la Intranet en Modo de Compatibilidad” está marcada por defecto. O sea, que por defecto, las páginas de intranet no se ven en el modo estándar.

Microsoft ha empezado a darse cuenta que su hegemonía ha empezado a mermar, y sus actos desesperados por sobresalir y la liberación de productos fallidos han sido muestra de ello… pero por lo visto no aprenden de sus errores y siguen cometiéndolos. ¿Algún día tendremos un producto de verdadera calidad por parte de Microsoft? De ellos dependerá.

Referencias: IncubaWeb y ElWebmaster.

jQuery Cheat Sheet

Mientras más conozco las bondades de jQuery, más me enamoro de este maravilloso framework de JavaScript para crear RIAs (aplicaciones ricas de Internet) usando AJAX. En esta ocasión, me encuentro con un estupendo Cheat Sheet de jQuery, que incluso puede usarse como wallpaper para tenerlo siempre a la mano.

El cheat sheet se encuentra disponible en dos colores (es el mismo contenido), a una resolución de 1280 x 960, y está basado en jQuery 1.2. Den click sobre las imágenes para descargarlas en su tamaño completo.

jquery12-cheatsheet-1280-001

jquery12-cheatsheet-1280-002

Les recomiendo visitar el blog del autor de este estupendo cheat sheet, a quien incluso le pueden solicitar el cheat sheet con otros colores y tamaños. ¡Gracias Yoshiomi!

Otra recomendación… ¡visiten la web oficial de jQuery! Acaba de remodelarse y está excelente su nuevo diseño, del cual todo mundo está hablando hoy en día.

Por último, los invito a checar las cheat sheets que he publicado en el pasado.

Vía: Pixelco.us.

Videojuego en un Favicon con JavaScript

[ Defender ]La creatividad del ser humano no tiene límite, y lo bueno es que muchas veces es usada para cosas buenas e interesantes. En este caso, me encuentro con algo sumamente espectacular, que creo jamás se me hubiese ocurrido, o más bien, ni idea tenía que algo así pudiese ser posible. Se trata de un videojuego, el clásico Defender, programado usando JavaScript y visualizado en el favicon de una página web. Mi reacción al verlo: ¡Wow!

¿Quieren probarlo? Entren a Defender of the Favicon, donde lo que tienen que hacer es observar el favicon, o sea, el iconito que se muestra a la izquierda del URL en la barra de direcciones de nuestro navegador. Para comenzar a jugar, presionen N. Para disparar, presionen también N. Para moverse, usen las flechas cursoras del teclado (o las teclas W, A, S, D).

Simplemente espectacular. ¡Mis respetos al programador! :-D

Vía: El Webmaster.

Google Developer Day 2008 – Gears y AJAX

Dion AlmaerEn este post, haré mi reseña de la tercera y cuarta sesión de la tarde del Google Developer Day 2008, efectuado el lunes pasado en la Ciudad de México. ¿Por qué ambas sesiones en un sólo post? Simple, ambas sesiones fueron magistralmente presentadas por la misma persona: Dion Almaer.

Dion trabaja en el grupo de Desarrollo de Programas en Google, dedicando gran parte de su tiempo a lidiar con la tecnología dirigida a desarrolladores. Colabora en equipos como el de Google Gears. Es también co-fundador de AJAXian, la principal fuente de información y recursos de la comunidad AJAX. Por si fuera poco, es co-autor del libro “Pragmatic AJAX“.

Ambas sesiones fueron una delicia, ya que nos presentó toda la información de una manera sumamente clara y amena, con ejemplos muy interesantes y aplicativos. Además, sus diapositivas en pantalla fueron dignas de un doctorado en diseño gráfico. Si, lo acepto, Dion es mi nuevo ídolo.

Entremos en materia. La principal aplicación de Google Gears, ahora llamado sólo Gears (ya que se puede usar en sitios externos a Google), es la de permitir acceder a nuestro contenido en línea (online) de manera local (offline) para no depender de una conexión a Internet. Para mi es sumamente útil usar aplicaciones web, como Gmail, Google Reader y Remember The Milk de manera offline.

Otras aplicaciones y características de Gears son las siguientes:

  • Permite insertar nuestros gadgets en Blogger, hojas de cálculo, mapas, anuncios y muchos sitos más.
  • Existe una base de datos local integrada en Gears que permite búsquedas completas de texto, permitiendo fácilmente el ofrecer búsquedas avanzadas de clientes.
  • Podemos correr código JavaScript en el background (workerpools) sin bloquear la interface del navegador.
  • Gears soporta diferentes plataformas para dispositivos móviles, con paquetes completos de APIs, haciendo posible que evitemos las complicaciones de demoras en transmisión en celulares que utilizan Windows.
  • Podemos habilitar servicios de colaboración a través de diferentes dominios en forma segura, al habilitar explícitamente que Gears Yorker corra desde otro dominio.

Aquí algunas diapositivas de la sesión de Gears.

The Gears Philosophy

Gears Platforms

Sobre la sesión de AJAX, la última del día, Dion nos mostró como con las APIs AJAX de Google podemos añadir mapas, videos, feeds, fotografías y búsquedas en nuestras aplicaciones web con tan sólo unas instrucciones en JavaScript. Así mismo, nos mencionó la situación actual de AJAX, sus aplicaciones y su futuro.

¿Alguna vez pensaron que AJAX podría usarse en la Wii? ¡Dion lo hizo! Junto con un colega, creó una aplicación web en la que usando un control de la Wii, podía “lanzar dardos” a la pantalla de la computadora… simplemente asombroso.

Algo que me llamó mucho la atención, es la integración de Gears (si, también se habló de Gears en la sesión de AJAX) con HTML 5. Dion mencionó que cuando llegue el momento en que HTML 5 se convierta en el estándar de-facto para los desarrolladores web, Gears ya está preparado para su implementacion, pues incluso fué tomado en cuenta como parte de su especificación por parte del W3C.

Aquí algunas dispositivas de la sesión de AJAX.

AJAX

HTML 5 y Google Gears

¡Gracias a todos por leer mis reseñas del evento! Una disculpa por las imágenes, traté de editarlas para hacerlas más claras para ustedes. Cuando sean publicadas las presentaciones originales (se mencionó que nos serían proporcionadas), las compartiré con todos ustedes.

Por último, toda esta semana no he publicado noticias tecnológicas por elaborar estas reseñas, así que ya tengo varias noticias atrasadas que darles, entre las cuales están:

  • La adquisición de Symbian por parte de Nokia, para convertirlo en OpenSource.
  • La liberación del API para la disponibilidad de datos por parte de MySpace.
  • Nuevas características (en beta) para Blogger.
  • Bill Gates se despide definitivamente de Microsoft.

Ufff, vaya que ando atrasado. Espero el lunes ponerme al día con ellas. ¡No dejen de leer este Blog! :-)

Google Developer Day 2008 – GWT

Dick WallContinuamos con las reseñas de las sesiones del Google Developer Day 2008, efectuado el pasado lunes en la Ciudad de México. La segunda sesión de la tarde fué acerca del Google Web Toolkit, mejor conocido como GWT. La sesió estuvo a cargo de Dick Wall, quien es promotor de los productos para desarrolladores de Google, principalmente APIs y productos Java. Cabe mencionar que tiene más de 15 años de experiencia en el mundo del desarrollo, particularmente en Java.

Mi apreciación con respecto al expositor es su gran experiencia en el tema, supo mostrar ejemplos claros y concretos, y a pesar de que hubieron problemas con dichos ejemplos, supo resolverlos de inmediato (situación que no sucedió en la primera sesión). Lo único negativo, es que su tono de voz fué notablemente bajo y con un acento tipo inglés, que evitó que su exposición sea del todo clara.

El Google Web Toolkit, a.k.a. GWT, facilita el desarrollo de aplicaciones AJAX de alto rendimiento; de esta forma, los desarrolladores debemos solamente crear el front-end en Java y el GWT compilará nuestro código para dejarlo en un formato JavaScript sumamente optimizado… sumamente práctico y poderoso.

Algunas características de GWT son las siguientes:

  • Archivos independientes se crearán para cada una de las aplicaciones usando una compilación diferida, de forma que nuestra aplicación descargue solamente aquellos archivos que requiera para funcionar en cada etapa.
  • Los comentarios y código JavaScript que no se utilice será eliminado durante la compilación, reduciendo el tamaño de nuestra aplicación.
  • Optimiza la escritura de AJAX, haciéndolo más rápido de lo que nos llevaría escribirlo a mano.
  • La compilación diferida conlleva a un JavaScript reducido o más corto, con librerías ligeras generadas para cada buscador o navegador.
  • Con “Image Bundlers” es posible empaquetar diversas imágenes en una sola, reduciendo así el número de solicitud de interacciones HTTP que requerirá nuestra aplicación.

Para finalizar, aquí les dejo algunas diapositivas de la sesión.

Real World Example # 1
Real World Example # 2
The Ajax Architectural Shift
What is Google Web Toolkit (GWT)?
Optimized Permutations
JavaScript Native Interface (JSNI)

Pronto, las reseñas de las estupendas sesiones de Dion Almaer.

Recursos para Programadores Web

Siguiendo con los post multi-noticias, aquí les dejo tres de los más recientes recursos para programadores web, espero les sean de utilidad.

Google Doctype

[ Google Doctype ]Recién lanzado, Google Doctype pretende ser la referencia obligada para todo desarrollador web, ya que es una enorme biblioteca de recursos como xhtml, css, javascript, DOM, etc, todo escrito por desarrolladores, para desarrolladores. Obvio, es OpenSource, bajo licencia Creative Commons, y abierto a todo el público para contribuir con aportes, a la manera wiki. Enlace: Google Doctype. Vía: Google Code Blog.

Yahoo! SearchMonkey

[ Yahoo! SearchMonkey ]Yahoo! no se detiene, pues acaba de abrir al público su plataforma de desarrollo web SearchMonkey; el objetivo, es que los programadores y desarrolladores hagan uso de microformatos y estándares de la web semántica, dándoles la infraestructura necesaria para construir sus propias aplicaciones. Enlace: SearchMonkey. Vía: Y! DevBlog.

Video Tutoriales de JavaScript

Si quieres aprender JavaScript, o bien, pretendes volverte experto en este lenguaje, aquí les dejo unos video tutoriales de Douglas Crockford, uno de los gurús de JavaScript del mismísimo Yahoo!. Vía: Catonmat.

  • JavaScript Básico: I, II, III, IV.
  • JavaScript Avanzado: I, II, III.