Crear extensiones para Chrome

ByLuis

La gente de Tutorialzine nos enseña cómo realizar extensiones para Google Chrome, y la verdad parece bastante sencillo. Para ello realizan una extensión de ejemplo que muestra los últimos posts de su feed.

La extensión debe constar de un fichero de configuracion (manifest.json) y luego el CSS, HTML5 y jQuery de la extensión. Chrome permite desarrollar las extensiones sin tener que instalarlos, para lo que desde chrome://extensions/ tendremos que ir a Developer mode y desde allí cargar el script.

Para tener más información podéis ir a la página oficial de Google

Making Your First Google Chrome Extension

Vía / @jlantunez

Similar Posts

Crea tu propia aplicación AJAX

ByLuis

Completo e interesante tutorial de cómo crear tu propia aplicación web que incluya AJAX. Aun siendo un extracto del libro que ha escrito el autor de este artículo (¿de verdad es necesario comprarse un libro pudiendo encontrarlo casi todo en internet?), lo que nos explica nos puede ayudar bastante a centrarnos a la hora de crear nuestra aplicación AJAX.
Empieza con una explicación de lo que es AJAX, de lo que existía antes de esta técnica y de lo que vamos a necesitar. Una vez centradas las bases de lo que es AJAX, explica el objeto XMLHttpRequest, parte fundamental de AJAX, creando un objeto que controlará todas las funciones (inicialización, enviar petición, recibir petición, …). Y por último la importacia de la asincronía y de cómo mostrar los resultados.
Build Your Own AJAX Web Applications

Uso de memoria: comparativa Firefox 2 IE7b2

ByLuis

firefox-ie.pngAhora que acaban de salir las betas de dos de los navegadores más populares: Firefox 2.0 e IE7 b2, hay alguien que ha realizado una comparativa muy interesante sobre el uso de memoria en ambos navegadores. Se puede sacar como conclusión que Firefox es superior a IE, usando más o menos la mitad de memoria que IE7 a la hora de visualizar páginas únicas. También es mejor el Firefox cuando se trata del uso de pestañas, aunque en este caso se ha modificado el valor por defecto de browser.sessionhistory.max_total_viewers dentro del about: config, lo cual hace que sea un estudio algo “especial”. Tambien indica que IE libera memoria cuando está minimizado o en background, mientras que Firefox se queda tal cual estaba.

Internet Explorer 7 beta2 and Firefox 2 Alpha 1 Memory Usage Comparison

Vía / Downloadsquad

ErrorZilla: página de error para Firefox

ByLuis

Muchas de las veces cuando navegamos por internet y nos da una página de error no sabemos a ciencia cierta si es porque el servidor está caido, porque nos acaba de fallar la conexión de internet o vete a saber por qué.
Para estas ocasiones, nada mejor que ErrorZilla, una extensión para Firefox, que modifica la página de error y nos ofrece a parte del “vuelve a intentarlo”, la posibilidad de mirar en la caché de Google, buscar un pantallazo en Wayback Machine, hacer un ping, un trace y un whois.
errorzilla.png
[Esta entrada me la dedico a mi mismo y a mi proveedor de internet]
ErrorZilla
Vía / Lifehacker

|

Cómo crear un portfolio en flash

ByLuis

Un buen tutorial en el que se explica cómo crear un portfolio en el que se cargan las imágenes dinámicamente. Explicado de forma muy detallada y fácil de seguir. El flash mostrará tres thumbnails, que al pinchar sobre ellos cargará la imagen correspondiente, mostrando el título y la descripción.
portfolio.png
Como única pega, a parte de que está limitado a tres imágenes, yo hubiera cargado los datos en un XML, en vez de en 3 ficheros de texto independientes.
Creating a Dynamic Portfolio in Flash
Vía / Pixel Groovy

Hacer drag & drop de ficheros fuera del navegador con Chrome

ByLuis

Hace tiempo comenté cómo hacer drag & drop directamente sobre el navegador, lo cual nos venía muy bien para subir ficheros (por ejemplo para un correo, galería de fotos, …). Esta vez se trata de descargar ficheros directamente desde el navegador, algo que permite GMail desde Chrome.

El autor de este post lo ha tenido difícil para poder ver cómo lo hace Google, pero al final el código es bastante sencillo:

var file = document.getElementById("dragout");
 
file.addEventListener("dragstart",function(evt){
    evt.dataTransfer.setData("DownloadURL",fileDetails);
},false);

Sólo disponible en Chrome

Drag out files like Gmail

|

Google recomienda Firefox a los usuarios de IE

ByLuis

Los usuarios de Internet Explorer de Estados Unidos que se conecten a google.com les aparecerá un anuncio de la barra de Google para Firefox y les indican muy sutilmente que:

Firefox with Google Toolbar: tabbed browsing, safer surfing

A parte, también hay una ventanita que les ayuda a usar Google como motor de búsqueda para Firefox.
google-firefox.png

Vía / SitePoint