Superpone una simple cuadrícula para ayudar a alinear los elementos verticales y horizontales. Se pueden configurar fácilmente los tamaños de fila, columna y espacio, elegir la alineación a la izquierda, derecha o central y la opacidad de la cuadrícula.
Descarga: Gridfox
Complemento anterior: Firebug + Firecookie + Codeburner
En esta serie vamos a publicar la lista de complementos/extensiones imprescindibles para Firefox, que abarcan desde la inspección DOM a capturas de pantalla, haciendo del diseño y desarrollo con Firefox una maravilla.
El primero de la lista se complementa con 2 add-ons que cuando se combinan forman una de las más potentes herramientas de desarrollo web.
1. Firebug: si estás haciendo cualquier tipo de desarrollo en Javascript Firebug es esencial. Sin Firebug realmente estamos dando tumbos en la oscuridad cuando se trata de depuración de código. Firebug no sólo ofrece una robusta consola de error, sino que también permite añadir interrupciones de código. El inspector de HTML y CSS da la libertad de navegar, ya sea en código fuente o en un elemento dentro de la página para ver su marcado. Firebug también permite editar “en vivo” el HTML y CSS y muestra los resultados al instante.
2. Firecookie: Es un add-on de Firebug que añade una nueva funcionalidad: completar la visualización y gestión de cookies. Puedes ver el contenido completo de cada cookie, e incluso editar y borrar.
3. Codeburner completa la configuración mediante la adición de una referencia del W3C que permite buscar elementos y atributos HTML, así como propiedades CSS. Codeburner además muestra la compatibilidad de las propiedades de navegadores. Está muy bien.
Descargas: Firebug, Firecookie, Codeburner
Hoy descubrí un bug en Chrome v. 1.0.154.48
Resulta que la home de esta web recién salida del horno, no leia las css.
El caso es que las tenía linkadas a un archivo style.css y dentro de éste las importaba así:
@charset "utf-8";
@import url(r.css);
@import url(d.css);
@import url(l.css);
@import url(c.css);
Una de las primeras cosas que pensé fue el número de caracteres de los css importados, supuse que tendrían que tener un mínimo de 3 caracteres, pero no. También miré que el charset estuviese arriba de todo, pero tampoco, el bug concreto se produce al importar css (aunque sólo sea una) dentro de otro css,
a alguien más le pasó?