The long and dark winter is over. Spring is here and I have a lot more energy.
Last weekend (and monday) I had a project. Me and my friends have this annual event, which needs an online signup, so I volunteered to make a website.
Last year the site looked like this. It was the first website I made since.. well, 2004, so it looks very dull and simple. I’ve improved a lot, as I’ve made these: Miika’s lifestyle blog, a recipe site(which was never completed),a fun little experimental site and this blog. This blog was by far the hardest to do, because I had to create a wordpress theme from scratch, but with every project I’ve learned something new. With this project I learned a bit of HTML5 and using 960px grid system framework.

Here's the sketch from photoshop.
The new barwars site took me about 3 days. 1+½ days to think of the design, and 1+½ days to code. I wanted to use HTML5 and 960.gs. I really really liked to work with 960 gs. It made things so easy. I think I’m going to use some kind of grid system on all of my website project from now on. For those who wonder what 960 gs is, it’s a grid system where the site is divided in 12 (or 16 ) columns and with it you can easily align every element nicely with each other. And it’s easy to use. Div class container_12 to make a new row, div class grid_n to make an element with n column’s width, div class push_n or pull_n to move the element between the columns and div clear to end the row. And that’s it, every element in page are nicely aligned with each other.
With the design, I wanted to convoy the idea of beer + metro + helsinki. I went with pretty obvious solutions. The background is beer. There’s helsinki city silhouette and there’s a metro. For those who don’t see any metro, you are probably using firefox, internet explorer or opera. CSS animations don’t work in any other browser than chrome and safari unfortunately. I didn’t take this project that seriously that I would have wanted to hazzle with javascript so I didn’t make it work in FF or IE. The animations are kinda goofy, but so is the event.
I could improve the typography on the site, and I should put final touches to the overall design and code, but for now, it is good. Any criticism is welcome!
Looking forward to the actual event!
Filed under: Heikki's posts by Heikki Veikko
No Comments »