Kaleidoscope

Tagged


Yep, another month another redesign. At least I know that is how it feels to some people whenever they see a post like this from me. I can't help it, I am fickle and easily attracted to shiny new things. And this time I was able to walk the walk, as well as talk the talk.


Those most astute of my readers will remember that I had an emotional vomiting session here on the ol' blog in which I railed at the fact that the design I think is great, namely the type I engage in (selfish anyone?) isn't really appreciated.


In any case there was some great discourse, and someone I happen to have a great deal of respect for called me out a bit. And Garrett was right, I didn't really do anything special with CSS on my site, so why was I bitching?


As I was prepping for this design, I had these thoughts rolling through my head. Why don't I use more advanced CSS techniques in my designs? Its not like I care about supporting some browsers on my personal site. As I began thinking through what I wanted to do, something quite unexpected happened.


In this case, the unexpected thing was Chrome Frame. Once I installed CF on a machine at work and saw how truly amazing it was, I started thinking that this design could have some interesting bits to it.


While I was at it I decided to give that typekit account I have a try. I can't tell you how much fun it was to know that I could sift through the fonts on typekit and all of them were able to be applied to my site, while still maintaining things I care about like accessibility.


This design is by no means done, but I think it is more than ready to be kicked out of the nest and encouraged to spread its wings. I am currently using:

  • box-shadow
  • text-shadow
  • border-radius
  • background-gradient
  • transitions


I have plans for some of the more interesting bits like the animations and 3d stuff, but that is a bit more involved and I only had a couple of hours here and there to apply to this.


As always the floor is open for commentary/critique. And yes the background gradient doesn't work in Firefox. I weighed how amazing it looked with the advisability of using a feature that wasn't supported by Firefox, and went ahead and did it anyway.


If you are on a PC and want to see it, go install Chrome Frame. Man it feels weird telling people to use Internet Explorer. I think I need a beer.