Hot Or Not For XHTML Code

Valentin Agachi’s XHTML Challenge takes the rating meme under the hood letting users compare websites based on their (X)HTML markup. When a challenge is set up between two sites, a PHP script from slurps up the source code and begins a detailed analysis. Facets for competition include which doctype was declared, validation, content length in bytes, a ratio of content/markup/ and whitespace, use of conditional comments, and the number of table tags used.

XHTML Challenge Screenshot

As I have written about before, there is more than just HTML that goes into making a sexy source. I think XHTML Challenge could expand their analysis to include the number and positioning of CSS and JavaScript files, use of microformats (which results in more semantic, though bulkier, markup), and total file size of all components. This would paint a better overall picture of all the necessary components that go into a modern design.

Frontend web developers, like myself, take a lot of pride in how we structure our code. HTML coding is all about semantic, well-organized markup that is as small as possible while providing a solid structure for the content. It is good to see that there are others out there like myself that can appreciate the thought and planning that goes in to the under pinnings of a modern website.

XHTML Challenge should not be confused with Command Shift 3 which rates the aesthetics of a site not its code. Maybe the two sites should get together producing the ultimate website rating tool!

via (Web Designer Wall)

Hot Or Not Meets Webdesign

Hot or Not is an iconic web 1.0 site with a basic concept: Look at a picture of a person and mark on a scale of 1-10 how hot they are. Command Shift 3 takes the same concept and applies it to web design. Frankly I find the web design implementation far more interesting than the original Hot or Not concept. But judging a website on a scale of 1-10 sounds overly-complicated. instead puts two websites side by side and it is your job as the all-knowing visitor to click on which one you like best.

Command Shift 3 Screenshot

The cool thing is you can see if you picked the crowd favorite and what percentage of people agree with you. If you like a site so much you can click through and leave a comment about it or visit the actual page. Too lazy to wade through the thousands of contenders? Then check out the Best & Worst sites in a variety of time frames. And if you are looking for something specific you can search by keyword or browse their tags.

While the concept is super simple to grasp, the impact of a site like this is a lot more compelling than the loads of CSS galleries that litter the net. The interaction and side by side comparison really set it apart in the showcase arena. I enjoy the simplicity of the site, showing me only two designs at a time instead of bombarding me with thumbnails like some other sites do. In conclusion, this site is a great way to get a taste of some great web design that is out there on the net while keeping it fun and engaging. I added my blog to the fray to see how it would stand up. Wish me luck, and we’ll see if my design chops can rise above the crowd.

Cmd + Shift + 3 = Screenshot!

Oh and in case you didn’t know, Command Shift 3 is the keyboard shortcut to take a picture of the screen in Mac OS X.