The Seven Deadly Sins of Web Design.
http://visualidiot.com/articles/seven-sins
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.
undefined
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