BlissfullyAware: A Website by Joshua Lane

Transcribing

Random text and assorted bits of news and info to read or disregard at your leisure

BlissfullyAware Rebooted!

Joshua Lane / / 14 Comments

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.

Transparency

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.

Comments Abound

Delightful thoughts & feedback about this article

Stuart Frisby /

Looking good man, a nice progression from the previous design. The transparency stuff is very neat too!

Nathan Smith /

Dude, it’s looking sweet. I love the griddy-ness (is that a word). I think just a touch more contrast would help, lighter font color for main body text, etc. Overall though, it’s a sweet re-align, re-boot, re-design (whatever the cool kids are calling it nowadays).

Alex Hillman /

bang-up job man. I’m a big fan of the notation id=”thirddary”.

I generally agree with Nathan, that the text could use a little punch, but that’s the only thing i could possibly pick on here, assuming I had to.

patricia /

Impressive and inspiring.

Joshua Lane /

Thanks for the comments, everyone! I’ve bumped the contrast up just a tiny bit and agree that it does help.

Rob Weychert /

Nice work, Josh. I must say, though, that while the flexibility of the transparency scheme you’ve set up is very cool, it’s a shame that it requires your site to be essentially monochromatic. I think a bit more contrast all around would go a long way.

bearskinrug /

Looks beautiful, Josh! I’m quite a fan of monochromatic schemes, so I don’t mind too much. I just love how the background texture and the site colors are all working together so subtly…

Justin /

Hey man, looks awesome! I really dig the transparency thing. I’ve firebugged you to #633 right now and it’s bumping.

I’m a big fan of the column format you’ve used too. Top drawer!

Joshua Lane /

Rob, I know what you mean… should’ve added that to the list of drawbacks. Still, like Kevin, I enjoy monochromatic color schemes, so I’m fine with it. Ultimately I’d like to include more photos/images with each post, so those should add some more color to the mix :)

Dave /

I love this site it looks AMAZING. I can’t believe I just wrote that . . . because I am speechless! Aside from that this site is REAL eye-candy great job!

Respiro, the logo designer /

Joshua, you did a great work – congrats! Your site is fresh, pleasant and… unique. Yes, unique, because its structure and its menu theme.

Ty /

Nice site, you really need a little bit more text contrast though, unless of course you want to make things hard to read. It’s asking alot of the user to bump up the text size or site really close to their monitor to try and read the fine print. There aren’t any legal contracts here are there.
Just fwiw [small]for-what-it’s worth[/smaller still]

Stevie K /

Had a go at changing your stylesheet, don’t think I can better you choice of colour though, great job!

Erik /

Likewise, impressive stuff. You managed to pull off the comments accompanying (side by side) the post, something I’ve always wanted to do.

Also.. monochromatic, FTW!

No More Discussion

Sorry, but comments are now closed for this entry