10 Javascript Text Effects - 10 Hiệu ứng Text đẹp - ONB.VN

There are many ways to enhance web typography, we used to use flash replacement script such as sIFR to change the font face by using flash embed, but the drawback is it’s using flash to replace existing font and it could slow down webpage. Now we moved on to font embedding service such as Typekit and the free Google font. We love this solution because it’s easy to use and integrate into existing website.

So, what if you want something a little bit more cooler without using those web services? Or perhaps, you can spice things up a little more by combining those fancy fonts you can find from web services and combine it with these cool javascript effects.

In this post, we have collected 10 Javascript text effects. Depend on how you want to show it, just don’t abuse it because it can be quite irritating if overused.

• letteringjs A jQuery plugin for radical web typography
• Airport Airport is a rather simple text effect plugin for Jquery. It emulates the style of those flickering information boards you sometimes find on airports and train stations.
• Textualizer Textualizer is a jQuery plugin allows you to transition through blurbs of text. Remove unnecessary characters, rearrange exisitng and add missing characters. Fancy.
• jTicker jTicker takes an elements’ children and displays them one by one, in sequence, writing their text ‘ticker tape’ style.
• jqIsoText This plugin allow us to changing size of letters in text. It starts from one font size and increment or decrement to other font size. On that way we’re getting something similar to isometric projection.
• jRumble jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It’s great to use as a hover effect or a way to direct attention to an element.
• Neon Text A tutorial of creating a neon glow text effect with CSS and jQuery. It’s image-based though.
• TextGrad TexGrad applies color gradient effect to a blurb of text.
• GrabBag Text Effect GrabBag text effect is a collection of fun text effects such as ypewriter, scrambled text etc
• FitText JS FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element. Interestingly, FitText website is using letteringJS!

Tin Cùng Chuyên Mục

• 10 Javascript Text Effects - 10 hiệu ứng text đẹp (8/8/2015)
• Arrow Navigation Styles Effects using SVG - Hiệu ứng chuyển trang (11/22/2014)
• Image Jigsaw – jQuery Plugin to Create Jigsaw Puzzle Images (9/29/2014)
• 10 hiệu ứng load trang thu hút người xem hơn ! (9/26/2014)
• Jquery Subtle Hover Effects (9/19/2014)
• Box thông báo bằng jquery đẹp ! Notification Styles Inspiration (9/19/2014)
• Particleground – jQuery Plugin for Snazzy Background Particle Systems (9/18/2014)
• jNottery – Add Notes and Markers to Webpages (6/1/2014)
• randomColor – Color Generator for JavaScript (6/1/2014)
• Shape Hover Effect With SVG (1/7/2014)
• SlipHover – Direction Aware Hover Animation to Images (1/6/2014)
• Textillate.js – Simple jQuery Plugin for CSS3 Text Animations - Hiệu ứng chạy chữ (12/30/2013)
• Fullscreen Pageflip Layout Using BookBlock Plugin - Hiệu ứng lật trang qua lại như cuốn sách (12/30/2013)
• jquery.transform.js – Cross Browser 2D Transform Plugin (12/30/2013)
• BookBlock – Content Flip jQuery Plugin - Hiệu ứng chuyển trang dạng flip book (12/30/2013)

Bạn đã đọc tin này chưa ?