Blog thegraphiks.com

Extension de FF para maquetadores

Si has vuelto a visitar nuestro sitio tal vez quieras suscribirte a RSS feed. Gracias!

Herramienta para maquetadores y programadores web.

Es una extensión de Firefox que funciona de la siguiente manera:

Mientras se desliza el ratón sobre la página, se verá un rectángulo rojo que encierra cada elemento bajo el cursor. También verás una pequeña caja amarilla que muestra el nombre de elemento HTML y su clase o id, si es que lo tiene.

Visita: Aardvark y descargalo aquí

Hacer que un sitio cargue más rápido

En primer lugar quiero aclarar que solamente explicare que archivos se deben bajar y como instalarlos en español.

La explicación completa pueden leerla (en ingles) aquí.

Pasos

1.  Descargamos el archivo combine.php ya sea guardandolo directamente o copiando todo el texto en un bloc de notas y luego lo guardamos como combine.php

2. Editamos el archivo combine. ¿Cómo?

Cambiamos:

$cache 	  = true;
	$cachedir = dirname(__FILE__) . '/cache';
	$cssdir   = dirname(__FILE__) . '/css';
	$jsdir    = dirname(__FILE__) . '/javascript';

Lo que debemos cambiar es el lugar donde se encuentran nuestros archivos, si todas nuestras hojas de estilo estan en la carpeta css que esta en la raíz del sitio, no debemos cambiar nada.

Pero si tenemos los archivos javascript en una carpeta llamada js. Entonces deberíamos cambiar de javascript a js.

	$jsdir    = dirname(__FILE__) . '/js';

3. Creamos una carpeta en la raíz llamada cache

4. Creamos un archivo .htaccess  ¿Cómo? Pegamos el siguiente texto en el bloc de notas:

RewriteEngine On
RewriteBase /
RewriteRule ^css/(.*\.css) /combine.php?type=css&files=$1
RewriteRule ^javascript/(.*\.js) /combine.php?type=javascript&files=$1

Y lo guardamos como .htaccess

5. Subimos a la raíz los archivos: combine.php y .htaccess

Listo!