Aug 24, 2008
Smashing Magazine is hosting a contest that I wanted to pass along because I think you'd be interested in participating. Especially since the prize is a Wacom Intuos3 9X12 USB Tablet. I know I could sure use one of those. Good luck!
The contest is based around designing your own horizontal divider. It seems simple but that will just make it tougher because you'll have many talented people entering the contest. If you do decide to enter, please show me your entry by putting it in the comments to this post. Thanks! Please note that this contest is not being run by Abduzeedo. To enter you must go to the Smashing Magazine posting HERE.
What is ? Basically, it is an old HTML-tag which has been used since the very beginning of the Web. hr stands for the horizontal rule and represents exactly what you would expect — a horizontal line or a horizontal divider. By default, web browsers render hr as a simple horizontal line. In terms of semantics the tag is supposed to clearly separate content blocks. This is often used in design of footers, but also makes sense in other situations — for instance, if you want to separate two blog posts or make the divisions within the content structure sharper. However, the design of horizontal lines is quite simple and not really appealing by default. HTML offers designers four styling attributes: align, noshade, width and size. This is the reason why designers often use CSS to make hr’s look a little bit more attractive. Alternatively, one can replace hr’s completely with an image using the background-property in CSS. Some designers consider horizontal rule to be unnecessary — after all, you can simple assign some border styling to the container which contains the block. However, hr’s offer more possibilities as you can do whatever you want with a single, standalone HTML-tag. And here is where our contest comes into play.