De la mano de Eric Meyer nos llega una solución que, por simple, es sin duda un gran hayazgo.
Haciendo un uso magistral de los selectores de CSS, va filtrando situaciones comunes en cualquier sitio (imagenes sin alt, enlaces que no van a ningún sitio…), haciéndolas mucho más fáciles de localizar.
La hoja de estilo queda algo así (por supuesto, adáptala a tus necesidades)
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}
img {outline: 5px solid red;}
img[alt][title] {outline-width: 0;}
img[alt] {outline-color: fuchsia;}
img[alt], img[title] {outline-style: double;}
img[alt=""][title], img[alt][title=""] {outline-width: 3px;}
img[alt=""][title=""] {outline-style: dotted;}
Sin duda, la Web Developer Toolbar ya nos sirve para esto pero, de esta manera, recibimos referencias visuales más concretas (sabremos de un vistazo qué está mal y por qué).
Para profundizar en la lógica de esta hoja de estilo nada mejor que leer el artículo de Eric: Diagnostic Styling
Si te ha gustado este post no olvides suscribirte al feed para estar al tanto de las novedades
Una hoja de estilo para diagnosticar fallos en el marcado…
De la mano de Eric Meyer nos llega una solución que, por simple, es sin duda un gran hayazgo. Haciendo un uso magistral de los selectores de CSS, va filtrando situaciones comunes en cualquier sitio (imagenes sin alt, enlaces que no van a ningún sitio…
[...] Vía WebmasterLibre, me encuentro con una hoja de estilos CSS con eficaz uso de selectores que nos sirve para depurar algún fallo en el código de nuestras páginas web. Sin duda una gran ayuda, ya que podremos localizar de forma fácil y rápida imágenes sin atributo alt o title, enlaces vacíos que no llevan a ninguna parte, etc. Hay 2 hojas diferentes, una más simple y otra más detallada. Puedes adaptarla a tus necesidades, y sin duda es un recurso magnífico para depurar errores y validar nuetra página según los estándares. Aquí tienes el código de las 2 hojas de estilo CSS: Versión simple: TEXTO PLANO CSS: [...]
Feed RSS de los comentarios de este post.
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Consejos para agilizar el desarrollo.
Excelentes formularios de comentarios para inspirarnos.
Ver más noticias de los usuarios
Comentar que en el mismo blog, el autor linka a una página de pruebas con una hoja de estilos mas completa. Esta.
Voy a probar ahora mismo este sistema con un par de pàginas qeu tengo en el tintero ;-P