Sandbox Competition SandPressed

sandbox iconThe results are in, Arpit’s SandPress design takes the top place. Surprising second was Moo-Point by Will Wilkins, surprised in a good way that is. Prima, a design by Sunaryo Hadi took third! In all, there were 46 themes submitted and many of my favorites were in the top 20, of course they are all winners in my opinion and I wish them all the very best!

P.S. Now that the competiton is over, I might publish my top 10 picks in a later post!

Sandbox (CSS) Design Competition Pre-Submission Checklist

Sandbox (CSS) Design Competition IconFor those making the final submission of your CSS designs for the competition either tomorrow or the day after, I compiled this quick (should take less than 15 minutes) and a short checklist to help ensure your theme gives the rest a run for the money. At the risk of being called “Captain Obvious”, here it is:
Style
Hierarchy: Make sure your h1, h2… are all styled using commonsense formats to create a meaningful visual hierarchy. Sandbox does not use h2 in the sidebar like the Widgets do, so think about both scenarios, that is, users using your theme as is and those using sidebar widgets. (Time: Should take you less than 1 minute for this)

Dropdown menu usage: If you plan on using the default dropdown in Sandbox, leave the pages list intact for IE 6 users. If you plan on hiding the sandbox_globalnav, the div id is “menu”, make it “display: none;”. (Time: Again, should take you less than 1 minute to check)

Sandbox (CSS) Design Competition Tutorial

sandbox iconThis ‘how to’ tutorial was written for beginners/users designing a Sandbox based theme/CSS redesign using minimal CSS hacks and imagery. The objective of this exercise was to do “as little work as possible” while ensuring the result appears “significantly different” from the starting template. This is not the end-all strategy to design a Sandbox theme/skin, but merely a guide to get started. Enjoy.

Tools needed: Notepad, FTP (SmartFTP or similar) and PhotoShop or similar (any image editor should do).

In less than a couple of weeks, the Sandbox theme competition will decide a winner, but if you are anything like I am, you would probably wait to the very last day to create and submit your entry. So I feel it’s the perfect time to have a “how to” demonstrating the endless possibilities of CSS redesigning for those procrastinators waiting for a sign to get started. And no, this demo theme will not be submitted to the competition but will be released freely for Sandbox users sometime soon. Here’s a quick reminder of the rules.

Just to briefly touch on the Sandbox theme, as described by its creator(s), “The real feature of the Sandbox is its markup. The use of class-generating functions in key elements (the body, post div, and comment li elements) creates the most extensible WordPress theme available”. So all you need is some basic understanding of CSS and you should be ready to roll.