The Seven Deadly Sins of Web Design.

Sin number 8: Your super cool effects only work on some browsers.

Konqueror: http://ompldr.org/vZGZjeg/sin8.png

I appreciate the effort but that page, in itself, is a sin of webdesign... assuming everyone has an interface that supports hover, with mystery-meat.

I honestly had no idea what was going on until I came to the comments as I first viewed it on my iphone... came to the comments here for an explanation.

#8 is covered in other comments: relying on hover;

#9: Annoying position-fixed advertisement that obscures part of your "article".

But your pedagogical technique is sound: illustrate bad web design by designing your website badly, so we can see what not to do.

Attempted to read them in mobile, didn't see anything because I can't hover.

I have one more: check your website with JS disabled

Direct link is here http://visualidiot.com/articles/seven-sins