₦airaland Forum

Yet another tutorial for those who say all I do is bash, bash, bash and nothing else

Hv you ever wondered how I go about reviewing websites? One of the techniques I use is the debug technique where I, via FF (u cd also include it in the actual html file)'s "edit css" feature, turn on borders of elements that shdnt be there (images without alt tags, images without titles, empty DIVs, to check whether you are using TABLEs or DIVs, etc).

This css is pretty powerful and was actually written by someone many regard as the CSS god, Eric Meyer. Check it out, play with it, let me know what you think and spread the word:

div:empty, span:empty,
li:empty, p:empty,
td:empty, th:empty {
padding: 0.5em;
background: yellow;
}
*[style], font, center {
outline: 5px solid red;
}
*[class=""], *[id=""] {
outline: 5px dotted red;
}
img[alt=""] {
border: 3px dotted red;
}
img:not([alt]) {
border: 5px solid red;
}
img[title=""] {
outline: 3px dotted fuchsia;
}
img:not([title]) {
outline: 5px solid fuchsia;
}
table:not([summary]) {
outline: 5px solid red;
}
table[summary=""] {
outline: 3px dotted red;
}
th {
border: 2px solid red;
}
th[scope="col"], th[scope="row"] {
border: none;
}
a[href]:not([title]) {
border: 5px solid red;
}
a[title=""] {
outline: 3px dotted red;
}
a[href="#"] {
background: lime;
}
a[href=""] {
background: fuchsia;
}