My latest Web design projects, I’ve been working on them on my free time for a while, I enjoyed designing those interfaces and building them from scratch. They both required me to do a lot of business research to get a good approach to the communicative pourpose of each customer and brand. The go-fly project also includes the Isologotype design on which I worked with another designer to get it done. 

Since I first see Jeffrey Zeldman blog site I’ve wanted to have Capital Letters on my own sites, so I decided to invest some time to create the same effect he did. In that process I topped with a bunch of things to solve and test in different use scenarios.

My plugins features automated capitalization, font-size  and line-height adjustment based on text container, considering different font-families. Actually it only support two lines sized capital letter, but I’m planning to add support to any amount in future versions of it.

I’ve tested it against all major browsers, this is the complete list:

• Chrome and Chromiun Win/Linux
• Firefox 3.6 Win/Linux
• IE6, IE7, IE8 and IE9 Beta
• Safari 5
• Opera 10

And all major font-families: Helvetica, Arial, Verdana, Times

You can see a live demo and grab the source code here.

And you can use it just like this:

$(‘.copy  > p:first-child’).CapitalLetter({‘color’: ‘#FFA500’});

As you can see you can pass CSS Property/Values for the capital letter to make it look at your wish.

BTW I’m using this plugin currently on this blog site.

This idea is really geek stuff, i loved it.

Degraded, but gracefully. IE7 vs Chrome.. Which version are you looking at ?

I recently get a copy of Dan Cederholm’s Handcrafted CSS book. I really liked it, not only for it’s excellent material but the great quality and design. Must say you should have a look to it!

Since a few time I’ve wanted te get a blog to publish my experiences in front-end stuff, but dealing with my work and studies makes hard to get some free time to do it.. and as you can know, being a cool geek who have a fancy pansy blog requires some elbow grease.

A few weeks ago riding on my bike i broke the 5th finger of my right hand, this unfortunate but lucky accident encouraged me to spent some time for reading about what are beaconing my fields of interest and expertise: HTML, CSS and Javascript focusing on Web Design and Interaction Design (As I’m currently studing for Visual Designer). And eventually the idea of creating some content comes through my mind these days.

This first post it’s just a self introduction, hoping to start coding as soon as my hand gets ready to start typing and the cool stuff comes to my mind..

cheers