by jQuery, Software & Utilities, Technology

Creative Radical Web Typography With jQuery – Lettering.js

lettering-js-jquery-typography

Lettering.js, a lightweight and easy to use Javascript <span> injector for radical web typography aims to fill this gap.

It simply divides any given element into pieces of <span>s wrapping each letter with a custom class.

Just like <h1>WRD</h1> into:

<h1>
<span>W</span>
<span>R</span>
<span>D</span>
</h1>

After that, we just need to create the styles for each letter on the CSS side to create dynamic awesome outputs.

Features + Uses

Web type is exploding all over the web but CSS currently doesn’t offer complete down-to-the-letter control. So we created a jQuery plugin to give you that control. Here are a few example of what can easily be done with Lettering.js:

lettering-js-jquery-typography-sample

P.S. Lettering.js can also split words besides the letters.

Advertisements
 
Author:
We hope, We will become the best, creative and inspiring community for web and graphics. Join Us! Can be part of the growing Team. Just write something Creative and Interesting. Click here to become a member.

Comments

Great lettering! Love it

zhaiwenhua Feb 19, 2011

Great lettering! Love it

Jauia Feb 20, 2011

It seems very nice…
I like it.

Trackbacks to this post.
Leave a Reply

Copyright © 2019 Freebies, Free Fonts, WordPress Themes, Logos & Tutorials. All Rights Reserved.
Powered by Wordpress.
About Us | Advertise | Write For Us | Contact Us