27/04Publicar en Buzz desde la barra de marcadores

Para no tener que usar una extensión en el navegador he creado este marcador que abre una ventana flotante y permite publicar la página que se está visitando directamente en Google Buzz.

Arrastrar este enlace a la barra de marcadores: Buzz

31/03Mi primera extensión para Google Chrome

Hoy me he interesado por cómo se desarrollaban las extensiones para el navegador Google Chrome y al final he acabado publicando la primera…

La extensión es para mi blog dolcebita. Con esta extensión instalada podrás visualizar rápidamente las entradas más recientes del blog sin necesidad de salir de la página en la que te encuentres. Al pulsar el icono de dolcebita se mostrará un ventana flotante en la que te aparecerán los artículos más recientes del blog.

Podrás ver una pequeña descripción del contenido del artículo y tendrás opción de compartirlo con tus amigos a través de los botones de envío a Twitter, Facebook y Google Buzz.

En la parte inferior dispones de las diferentes secciones que tenemos para ver las últimas entradas de cada una de ellas y además se ha habilitado un buscador en la esquina superior derecha para realizar consultas sobre un determinado término: iphone, google, apple, microsoft…

El desarrollo de extensiones normalitas para Chrome no es muy complicado para un desarrollador web. Están realizadas utilizando HTML y JavaScript, y siguiendo los pasos del tutorial es sencillo crear extensiones como esta.

¿La instaláis y me comentáis qué os parece? ;)

Ir a la página de la extensión…

10/03Spritely, animaciones con jQuery

Echad un vistazo a Spritely, un plugin para jQuery que permite aplicar efectos a elementos y fondos para crear animaciones sin necesidad de flash, solo con HTML y Javascript. Se ha desarrollado para que pese lo menos posible y funcione perfectamente también en dispositivos móviles.

Su uso sencillo:

$('#fondo').pan({fps: 30, speed: 2, dir: 'left'});

http://www.spritely.net/

15/01Chuleta del API de jQuery 1.4

En Future Colors ha realizado una chuleta con la documentación de la API del nuevo jQuery 1.4.

Lo bueno de esta chuleta (o cheat sheet) es que además de tenerla en versiones en PDF y PNG para imprimir, hay una versión web que te permite acceder a la documentación de cada una de las funciones.

28/12#grid: una rejilla dinámica para desarrollo web

#grid es una pequeña herramienta que te ayudará a la hora de realizar la maquetación de tus webs. Usando JavaScript y CSS el grid se puede activar u ocultar dinámicamente con una combinación de teclas:

hashgrid

Vía: WebResources

7 pages

Archivo

2010: 01 02 03 04 05 06 07 08 09 10 11 12

2009: 01 02 03 04 05 06 07 08 09 10 11 12

2008: 01 02 03 04 05 06 07 08 09 10 11 12

2007: 01 02 03 04 05 06 07 08 09 10 11 12

2006: 01 02 03 04 05 06 07 08 09 10 11 12

2005: 01 02 03 04 05 06 07 08 09 10 11 12