JQuery Lazy Load: carga las imágenes solo cuando el usuario pueda verlas

Para mejorar el tiempo de respuesta cuando un usuario realiza la petición de una página larga o de gran tamaño, si esa página tiene imágenes que solo se verán si el usuario mueve la barra de desplazamiento “scroll”, he visto esta técnica en la página de Mashable.com, la han implementado con un plugin de jquery llamado Lazy Loader, hace todo lo opuesto a una precarga de imagenes, sino que realiza las peticiones al servidor de esas imagenes a medida que el usuario requiere verlas, segun se comenta el plugin esta inspirado en el YUI: Image Loader, que es un componente de YUI (como todos sabemos el Yahoo User Interface Library), si tienes un blog en wordpress te recomiendo estos sencillos tutoriales:

http://brandontreb.com/dynamically-load-wordpress-post-images-like-mashable-com/

http://www.hackingethics.com/blog/2010/04/12/how-to-add-lazy-loading-to-wordpress-page-fading-like-mashable/

Pero si lo quieres implementar sin tener wordpress aqui te dejo un tutorial (en ingles) muy bien explicado:

http://www.appelsiini.net/projects/lazyload

+info

Plugin JQuery Lazy Loader:
http://plugins.jquery.com/project/lazyload

YUI 2: Image Loader
http://developer.yahoo.com/yui/imageloader/

Google Page Speed – ayuda para mejorar el rendimiento de tus páginas web

Google Page Speed es una extensión para Firebug que a su vez es una extension del Firefox, el Page Speed es una herramienta al estilo de YSLOW, te presenta de manera simple y rápida las opciones que tienes para mejorar el rendimiento de tu página basado en un conjunto de buenas prácticas, de esta manera podrás incrementar la velocidad de carga de tú página. No solo te dice donde podrias mejorar sino te da la manera de como hacerlo. Por ejemplo si en su análisis informa que el código javascript utilizado podria ser optimizado te sugiere el codigo que podrias utilizar de forma comprimida.

Para vuestra información, recuerdo haber leido que un integrante del equipo de Yahoo Developer habia sido contratado por Google, él estaba desarrollando en el proyecto YSLOW, aplico el conjunto de buenas prácticas en Google que dio lugar al nuevo GMAIL (el que ahora conocemos, con su barra de progreso cuando carga), como recordamos YSLOW es una extensión que se integra en el firebug tal como lo hace ahora el Page Speed, el personaje podría ser Steve Souders aún no esta confirmado, pero habrá que seguirle los pasos como a Joe Hewitt y/o John Resig.

info:

http://code.google.com/intl/es-ES/speed/page-speed/

Adobe BrowserLab – prueba online el diseño de tus webs en los navegadores más populares

Adobe Labs nos sorprende con esta aplicación online, se llama Adobe BrowserLab que ayudará a los diseñadores a probar las páginas en los navegadores más conocidos (internet explorer, firefox, safari).

Es una aplicación online hecha en flash y para acceder a ella solo tienes que tener una cuenta adobe, la misma que necesitas para descargar los programas de prueba. Según Adobe Labs los motores de renderizado que puede simular son los siguientes:

* Firefox 2.X  y  3.X (Windows XP  y  Mac OS X)
* Internet Explorer 6.X  y  7.X (Windows XP)
* Safari 3.X (Mac OS X)

También se puede integrar como una extensión en el Dreamweaver CS4, se descarga desde la misma página de adobe y se agrega mediante el Extension Manager CS4

A dia de hoy he querido probarla pero tal parece que ha tenido mucha acogida por los testers que ya no entran más, asi que habrá que esperar.

Info:

http://labs.adobe.com/technologies/browserlab/

Introducción a WAI-ARIA

Este artículo es para quienes empiezan con ARIA (Accessible Rich Internet Applications). Articulo original “An Introduction to WAI ARIA” de Gez Lemon traducido al castellano “Introducción a WAI-ARIA” por David Martin.

Articulo ( castellano ):
http://www.areia.info/introduccion-a-wai-aria/

Articulo ( inglés ):
http://dev.opera.com/articles/view/introduction-to-wai-aria/

Via:
http://www.webstandards.org/2008/12/10/
introduction-to-wai-aria-available-in-spanish-and-french/

Recomiendo:
http://olgacarreras.blogspot.com/2007/02/ajax-accesible-ii-wai-aria.html

Microsoft Web Platform – IDE, servidor web y base de datos en un solo instalador

Microsoft Web Platform es una herramienta que instala todo lo necesario para que puedas desarrollar aplicaciones web basadas en tecnologia de Microsoft. Puedes instalar un producto especifico o toda la plataforma web de Microsoft. Los productos que puedes instalar son:

• Visual Web Developer 2008 Express Edition (entorno de desarrollo integrado – IDE para ASP.net)
• IIS7 ( servidor de aplicaciones web )
• SQL Server 2008 Express Edition (base de datos)

Al 21 de noviembre del 2008 puedes descargarte la versión “release candidate“

Web:

http://www.microsoft.com/web/channel/products/WebPlatformInstaller.aspx

Descargar:

http://go.microsoft.com/?linkid=9588072