After a bunch of tossed out design revisions and hours of messing with html, css and wordpress code, Version 2 of BlissfullyAware is launched (a little early) for the May 1st Reboot! …or CSS Reboot (whichever you prefer).
Style wise, things are fairly similar to the previous version of this site (screenshot). However, I’ve given it a bit of a face-lift, and introduced an all new color-scheme and expanded the site to include flickr photos and del.icio.us links. I’m not sure if I should call it a re-design or a re-align, but either way, I’m pretty excited about it.
One area I’m VERY excited about is the site’s use of transparent PNG’s and CSS opacity. The way it’s all setup, it only takes a single background-color property to make the entire site change colors. For those of you out there with the Web Developer Toolbar installed on Firefox, go ahead and crack open the stylesheet (CSS > Edit CSS). In the #shell area, change the background-color value to whatever hex value you’d like. Nifty, huh! It’s going to come in handy for special events or holidays when I want to go orange or pink or blue or whatever.
Granted, there are a couple of drawbacks to using transparency in this manner… some items looking washed out, child elements always inheriting parent opacity levels, css transparency only working on items with a set width, etc, etc. That all being said, I still think it’s pretty rad.