LiveLoveAutumnFall.com

This is not what you are probably used to seeing (if you’ve seen the site before today at least). I removed the old version, installed a fresh copy of WordPress, and I am now using the “Simpla” theme. I wanted a fresh start for the new year. The old version of the site was launched November 1st, 2006. It needed a new design for a while now, but I don’t have the time to create a new design and I wanted to separate my blog into two separate sites. One for development articles (this site) and one for personal posts (LiveLoveAutumnFall.net). Both sites are running the same exact setup because I want them to look the same and in 2008 I’m focusing on the content. I am going to blog more often.

I am moving all of the worthwhile development/design articles from the old version of the site to this version. It’s a slow process because of the formatting Textpattern uses but I hope to have it done by tomorrow. If an article from the old site is missing, and you would really like to see it here, just leave a comment and reference it’s title, or general subject.

Happy New Year everyone.

Matt McInerney posted a tutorial on “CSS Percentage Bars” earlier today and I like the idea (and the code). As soon as I saw Matt’s percentage bars I got to thinking of what I could do with them. Well jQuery came to mind since I have been using it a lot lately, and you can see what I came up with here.

It’s essentially Matt’s code with a couple of tweaks. I removed the need for inline styles by using the title attribute on the bar div.

<div class="box">
	<div class="bar" title="70"></div>
</div>

The above example will create a bar that animates from 0% to 70%. It will also display the width of the bar just like Matt’s example does.

You can download all of the source files to create the bars on the example page. I hope someone finds them useful and if you happen to use them, send me a link so I can see them in action.