Opacity Awesomeness

Web designers around the world swoon every advent season when Drew McClellan puts up his 24 ways and this year was no exception. With a sexy new design from Made By Elephant, 24 Ways was back with great new tools and an extra special gift under the tree for visitors to the site using a browser that supported the CSS3 spec — opacity.

The subtlety of 24 ways use of alpha channels combined with the release of WordPress 2.7 (which proudly powers this site) inspired me to take a more comprehensive crack at a new blog design. Feed readers, I know you probably don’t care much about what I’ve done here, but it took me much longer than I had imagined. Converting those hex colors I wanted to use for my scheme into the more complex RGB colors was arduous, but if you visit my site now with a newer browser (Firefox 3 or Safari are preferred, although Google Chrome should work), you should get the full translucent experience.

I’ve also taken Derek Powazek’s advice to embrace my bottom by pushing some of that sidebar stuff to the bottom of the page. I’ve lost all the links from the sidebar…I plan on adding a page of just links to the blogs that I read, but for now, I hope you’ll manage without my referral links.

You’ll also notice at right the many other places you might find me online. I use Twitter more than any of them. Some of the others I’ve signed up for more with the intention of seeing what they were about than anything else.

Anyway, I’d like to hear your thoughts on the new design. Especially if they confirm my awesomeness.

Now, on to the next project…

6 thoughts on “Opacity Awesomeness

  1. nice new look, I thought about changing mine many times but I am so used to it that nothing ever looks right after that. Also I can never bring myself up to drop the blogroll. People still click so it serves it’s purpose.

  2. I don’t know if it is just me or my computer or IE, but I can’t read your blog! The black test on the textured background don’t work for me. But, I was able to read once I highlighted the text. Hmmm…is this saying I should be working instead?

  3. Probably IE. Even IE 7 which is supposed to support transparencies has issue with it. I hate IE of any flavor.I have bumped my haed against that limitation for a long time.

    Love the new look, was going to do something like this but the above limitation keeps bugging me.

    And I hate hacks that barely work.

    Either way, nice new look, makes me wanna change my look too. Good job.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>