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.
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!