Autor: Jack Bach

Bach es el autor principal de este blog. A los 15 años le dio por hacer un juego en flash y eso le llevó a hacer una web para mostrarlo al mundo. Ahora ya han pasado unos años y ha aprendido sobre todo XHTML y CSS para maquetar sus diseños web.

Normalmente, cuando maqueto una web, primero escribo el archivo XHTML y luego le aplico el estilo con una hoja en cascada de estilo CSS. En este segundo paso siempre me sirvo de este add-on que os presento: Edit CSS (que, hasta donde tengo entendido, no tiene nada que ver con la aplicación de MacRabbit).

Instalación

Como para cualquier add-on para Firefox, lo único que tenemos que hacer es ir a la página del plugin y darle al botón “Añadir a Firefox”. Esperamos a que finalice el proceso de instalación, reiniciamos y ya está.

Usando un poco Edit CSS

Para ejecutar el plugin abrimos Firefox y abrimos cualquier página web, botón derecho del ratón, y Edit CSS. Inmediatamente se dividirá la ventana en dos, a la derecha se mantendrá la web que estábamos viendo y a la izquierda aparecerá el código del CSS. Lo interesante ahora es que podemos cambiar valores y crear estilos y veremos como va afectando todo al diseño (en el marco de la derecha) al mismo tiempo que escribimos.

Esto lo que nos permite es, como he explicado antes, después de tener hecho el archivo XHTML, hacer la hoja de estilos directamente viendo como afecta al diseño. Luego podemos guardarlo para abrirlo en otra ocasión, crear hojas nuevas, guardar con otro nombre…

Lo malo

Ni interpreta mediante colores la sintaxis, ni numera las líneas, ni tiene buscador, ni completa automáticamente como pueden hacer otros editores.