And everything is different with this website.
I’ve coded it from scratch, so I have complete control over its code complexity. I can write my own HTML (thank god). I can decide for myself what browsers to support (sorry IE7–and you’re next IE8). I also don’t have a whole lot of free time to spend on developing this website, so I’m cutting compatibility corners here and there.
Now to the other aspect of this website: the design. In the past, my designs have been a bit chrome heavy. Too many gradients and lighting treatments–bad habits that I view as crutches. With this website I took the challenge off of the UX portion and put it on design. My first and foremost design goal is to make a clean, open website with minimal-design.
So, what’s with all the dropshadows? Good question. I want to make this website have a cool factor, and I’m aiming to do so with unobtrusive CSS3 animations and transitions. Hover and click to take a look:
(animation requires Chrome 1.0+, Firefox 4.0+, or IE10+)
(Coming soon–it’s hard. Will skew whole grid based on which child is hovered. Pivot on y axis.)
What do you think?