Smashing Magazine we smash you with the information that will make your life easier. really.

8 Days Left To Enter The Typographic Layout Design Contest

You have 8 more days to submit your entry for our Typographic Layout Design Contest. The goal of the contest is to collect beautiful typographic (X)HTML- and CSS-based layouts, created by you, and release them for free as a gift to the Web design community.

So far, only 12 entries have a nice spot reserved in our release post, which will be published at the beginning of July. So, you still have a good chance of winning one of our prizes and showing off what you are capable of on the front page of Smashing Magazine!

Of course, as always, we have various prizes for our participants. The winners of the contest will be determined by the Smashing Magazine Editorial Team. Each winner will receive a prize, such as The Typographic Desk Reference, a quick reference guide of typographic terms and classification, with definitions of form and usage for Latin-based writing systems.

Read more...

Typographic Layout Design Contest: Join In and Win!

As web-designers, we shouldn't underestimate the power of typography. The content is the king and typography is an extremely powerful mean that can help designers to effectively convey their messages to the audience. Recently we presented an overview of useful typographic CSS-tools and 8 Simple Ways To Improve Web Typography. And now it's your turn to show what you are capable of when using these tools.

In this post we announce the Typographic Layout Design Contest, a contest that has the goal to collect beautiful typographic (X)HTML+CSS-based layouts created by you and release them for free as a gift for the web design community. And, of course, we have some nice awards for best designs submitted in the contest.

Read more...

The <hr>-Contest Results - Download your fresh <hr>-line now!

Three weeks ago we have encouraged our readers to participate in our <hr>-contest by designing beautiful and creative horizontal lines. It was necessary, since this design-element was slowly disappearing and was often neglected in web design. But it is going to change now. We have received 1290 images and source-files from 384 designers across the globe. The result is an impressive collection of horizontal lines that designers can use for free without any restrictions whatsoever.

Many entries contained not only images, but also source-files, mostly for Photoshop or Illustrator. You can use them if you want to modify a design for your projects. For this purpose we packed these files in one .zip-archive with all source-files (109 files, 25 Mb). Of course, it would be better to provide the link to a .zip-package next to each of the designs presented below, but it would take many hours of work which we can actually use in a more effective way. We can not guarantee that all images in the .zip-package are correct as we haven't tested all of them.

Unfortunately, some entries could not be considered for the contest. They didn't meet our requirements, were too big or unusable. It was important for us that these files could be used in projects beyond the scope of our contest.

Read more...

The <hr /> Contest

What is <hr />? 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.

Similar to our blog header contest we’d like to create a smashing gallery of freely available <hr /> graphics. The winner will get a Wacom Intuos3 9X12 USB Tablet.

Read more...