Register now or login here to start promoting your blog and your favourite articles.
8 Javascript Plugin Effects and Tools to Beautify and Control Web Text
21 Oct 2009 - 8 Comments
I have collected these Javascript plugins to add effect to your text/font and as well as some useful tools to help you to style and control your website text.
Author: kevin | Source: queness
  • jQuery Font Effect | Demo

    Font effect is a jQuery plugin that add some effect to html text. The available effects are (for now) Outline, Shadow, Gradient and Mirror. No images are used for these effects and no additional CSS is necessary, All effects are contained in the plugin (only 7k minified) and do not interfere with page rendering in older browser or browser with javascript disabled.
  • Font Size Controller | Demo

    Font controller is a lightweight font size controller
  • Truncating Styled Text | Demo

    A handy plugin to truncate your paragraph and also, you can truncate your paragraph by using width.
  • Search and Share | Demo

    Search and Share makes highlighting text a more functional action. More specifically, it attempts to understand the intention of a user’s text selection and present a variety of options accordingly. The criteria for understanding the intention is the character length of the selection, and the interpreted actions are copying, searching and sharing.
  • typeface.js | Demo

    With typeface.js you can embed custom fonts in your web pages so you don't have to render text to images.
  • Label Effect | Demo

    A jQuery plugin that applies highlight and shadow effects to text in a control.
  • MooTool Drop Shadpw | Demo

    Text drop shadows can be used to improve headline legibility or simply for decorative purpose. In my latest project, I’ve had to use drop shadows just for the reasons above and ended up writing a Mootools class.
  • sFIR (Scalable Inman Flash Replacement) | Demo

    sIFR is meant to replace short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users have that font installed on their systems. It accomplishes this by using a combination of javascript, CSS, and Flash.

Copyright & Usage

The effects and techniques demonstrated in tutorials on Queness can be used in whatever manner you wish without attribution. You cannot copy whole tutorials (unless permission is given), either in English or translated to another language.

Share This Post to Support Me! :)


Comments

Mia on 17 Dec 2009 says:
Great roundup K :)
There is also another great font plugin available for the WP platform as well as being able to generate it on just about every other platform as well ( if one doesnt want to implement @font face CSS3 ) ; this is a great plugin if one doesnt want to be bothered w/ code - and you can check it out here J. Its called <a href=\"http://www.fontburner.com/instructions/\" target=\"_new\">FONT BURNER</a> . One can either download the plugin if they have WP ; or they can simply copy the generated code ( after selecting the desired font ) if they dont have WP & paste it into their document . Its an awesome plugin . :D
Waheed Akhtar on 24 Oct 2009 says:
Excellent examples. Thanks for sharing
esranull on 23 Oct 2009 says:
good tutorial
Rob on 23 Oct 2009 says:
Typeface.js is great. Need to keep an eye on the font .js file size though,works well with clean simple fonts,
Kalvster on 22 Oct 2009 says:
Ive seen these effects on many sites. I hope I can use these techniques sometime soon. :)
Inside the Webb on 21 Oct 2009 says:
Really, is there anything you cant do with JavaScript? It seems like as time has gone on with jQuery and other popular frameworks, JavaScript has become the best scripting language for page effects.
Ben on 21 Oct 2009 says:
Gradients are quite cool on jQuery. Very clever. Inspect it with Firebug.
  • Page :
  • 1


Leave a comment

Subscribe RSS Subscribe RSS, Keep yourself updated with queness latest posts!
Pixel Crayons

Buy wholesale computers directly from China at DHgate.com

Discover the tools to build your e-Commerce Site with Netfirms

Buy China Products from Made-in-China.com

Cocktail Dresses

SmartPhone Cell Phone

Wholesale electronics

Web Hosting Rating

Buy WOW Gold

Get your cdl today

Debt collector review

  •  
  •  
  •  
  •  
  •  

Community News

Recent Comments

Random Posts


View all posts and news Back to top

About the Author

A web designer and developer who is passionate and keen on contributing to the web development industry. Feel free to say hi to me, or follow me on twitter.

Kevin Liew