I’m working on a minimal design for myself, I’ve tested in in Chrome, Opera, Firefox and Safari
and I think it degrades nicely in IE8
When you click on a date in the timeline it adds a class “open” to the element which adds 60px to the height
But for some reason, on mobile safari this doesn’t work
I’ve tried using .attr(‘class’,'open’); and .addClass(‘open’); which both work fine in normal browsers
It’s certainly harder designing with a set of restrictions in place. I took that approach for my weblog; I wanted readability the focus, and that imposed a set of rules I needed to work within. I really enjoyed the process though, although I am always tempted to make changes to it.
My advice would be to design for you, rather than for some award that you may or may not win.