Cargar los códigos de Facebook y Twitter de forma asíncrona

Cuando navegamos por internet queremos que las páginas carguen de forma rápida o al menos que el contenido que estamos buscando se vea mientras otros elementos de la web se siguen cargando en «segundo plano».

Esto es algo que se recomienda desde hace mucho tiempo para mejorar la experiencia de los usuarios y de hecho se han creado herramientas geniales como PageSpeed que permiten analizar rápidamente cualquier página para obtener sugerencias de optimización.

Una de las sugerencias que se pueden encontrar es la del uso de recursos asíncronos para evitar bloquear la carga de las páginas. Seguramente si tienes una web donde se utilizan los botones de Twitter y Facebook puedas ver un mensaje como el siguiente con el plugin de PageSpeed:

page speed asincrono

¿Qué significa y cómo solucionarlo?

Leer más

Tux Paint, un programa de dibujo para niños

Tux Paint es un programa para dibujar creado especialmente para los niños, como su nombre lo sugiere es muy parecido al clásico Paint de Windows pero con algunas características que lo diferencian y lo convierten en una aplicación muy divertida de utilizar.

Lo descubrí hace poco en unas actividades que realizo con niños y las computadoras XO o ceibalitas, como se conocen en mi país:

tux paint en la ceibalita

Se encuentra disponible para Windows, Linux, Mac e incluso otros dispositivos como el iPad y Blackberry Playbook. Sus requerimientos son muy básicos, por lo que puede funcionar hasta en las computadoras más viejas.

Leer más

Crea un diseño responsive de forma sencilla con LayoutIt!

Hace poco estuve probando un servicio online llamado LayoutIt! que permite crear de forma sencilla diseños adaptables (responsive) y fluidos (fluid) con JavaScript, HTML5 y CSS3. Se basa en el framework Bootstrap el cual seguramente algunos de ustedes ya conozcan.

Puede ser muy útil para diseñar una web sin tener grandes conocimientos de programación, simplemente hay que seleccionar una plantilla como base o bien comenzar desde un contenedor en blanco y arrastrar (drag-and-drop) los distintos elementos que formarán el diseño.

Leer más

Frames o no frames…

Hace algunos días conversaba por chat con Jorge (@elquique) sobre la usabilidad que presentan algunos portales del estado uruguayo. En su blog se refirió al tema detalladamente, por aquí simplemente voy a mencionar un par de detalles sobre estos sitios. La captura siguiente corresponde al portal de ANTEL, empresa estatal encargada de brindar todos los servicios … Leer más

Aprende a crear un sitio con Photoshop y Dreamweaver

Diseño web con Photoshop y Dreamweaver es un e-book gratuito que te enseñará a crear una página web con estos dos famosos editores. Todos conocemos en mayor o menor medida a Photoshop y sabemos que es un gran editor de imágenes, por otro lado Dreamweaver es un editor de páginas muy potente y utilizado hoy … Leer más