Even if I don't know what character that "e with dots over it" character is supposed to be.
learnchordmelody.com is a site I made to keep track of resources I find online about Chord Melody/Jazz Guitar playing and theory. I partly made it to clear out my bookmarks folder and partly because I wanted to make a clean slate site - It's html5 (I LOVE doctype html - finally a doctype I can remember) with some CSS3 features like rounded borders, drop shadows, multi-column layout, and embedded fonts. I used a handrolled microframework in PHP that makes it easy to update. I don't really have design chops but I sketched an outline of a Jazz guitar for the header, picked a handwritten font from Google's Font API and I think it looks decent.
I added the touch of Raphael to replace the sort of thing people use Flash for - a bit of animation. If you visit the site and mouse over the menu items using a decent browser the little treble clef morphs into an eighth note. (This works in tested IE7, Chrome, and Firefox 3 - your results may vary). The animation even worked in IE6 (Raphael uses VML in IE) but it created a layout bug I'm too lazy to fix so I disabled it for IE6. This wasn't rocket science but it's kind of cute (really Mom, check it out!)
Anyways - take a look - If I can come up with a better use case than animated icons I'll definitely revisit Raphael.blog comments powered by Disqus