It is a simple dynamic, light-weight (2,2K minified, lighter GZipped) and non-intrusive content slider jQuery plugin, fully CSS customizable (theme support) with respect of accessibility and W3C standard rules (strict xHTML valid) ...
Showing posts with label Text Effect. Show all posts
Showing posts with label Text Effect. Show all posts
Tuesday, February 7, 2012
Sunday, February 5, 2012
Produce Big, Bold & Responsive Headlines with jQuery SlabText
SlabText is a jQuery plugin for producing big, bold & responsive headlines . The script splits headlines into rows before resizing each row to fill the available horizontal space. The ideal number of characters to set on each row is calculated by dividing the available width by the CSS font-size – the script then uses this ideal character count to split the headline into word combinations that are displayed as separate rows of text.
Friday, February 3, 2012
Set Font Size Based On Word Count with jQuery
Depending of the amount of words that your text block possesses, the jQuery effect will establish the proper font size for it.
Thursday, February 2, 2012
Text with Moving Backgrounds with jQuery
Personally, I am a huge fan of negative space in design. This got me thinking while I was trying to accomplish something different. Normally a textual caption would be positioned above a background, but I wanted to do it the other way around: place the background in the letters.
I also wanted to add some nice dynamic effects to enhance the effect. This was amazingly easy to accomplish in jQuery with the use of a little creativity.
I also wanted to add some nice dynamic effects to enhance the effect. This was amazingly easy to accomplish in jQuery with the use of a little creativity.
Tuesday, January 31, 2012
jQuery InnerFade
InnerFade is a small plugin for the jQuery-JavaScript-Library. It's designed to fade you any element inside a container in and out.
These elements could be anything you want, e.g. images, list-items, divs. Simply produce your own slideshow for your portfolio or advertisings. Create a newsticker or do an animation.
These elements could be anything you want, e.g. images, list-items, divs. Simply produce your own slideshow for your portfolio or advertisings. Create a newsticker or do an animation.
Tuesday, January 24, 2012
Arctext.js – Curving Text with CSS3 and jQuery
While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let's you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.
Saturday, January 14, 2012
jQuery Marquee
The jQuery Marquee plug-in converts a list element (<ul /> or <ol />) into an ESPN-style scrolling marquee. Messages are scrolled in from top or bottom (based on the yScroll option) and longer messages will then ticker to the left in order to show the full message. You can mouse over the message to prevent the message from scrolling—which is nice if your messages have embedded links.
Sunday, January 8, 2012
jQuery flipv()
An implementation available to display a vertical line of text.In CSS2, it is not possible to display vertical text. The only offering an alternative browser is Internet Explorer, with css filter attributes and writing-mode.
Friday, December 16, 2011
Textualizer a jQuery text animation plugin
Textualizer is a jQuery plugin that allows you to transition through blurbs of text.Textualizer currently has the following effects: fadeIn, slideLeft, slideTop, and random. You can choose which effect to use by setting the effect option.
Friday, November 18, 2011
Kinetic - jQuery Text Animation
I thought about making one using jQuery. And I sort of did. It’s not exactly a “kinetic animation” but it just somewhat like it. And its very small. Usually kinetic animations are of at least a minute, this is just a few seconds. But hey, it’s all done using jQuery. This is just done to show that a kinetic animation can really be achieved using jQuery. I, being a jQuery n00b for now (and more when I made this), couldn’t do more with it. I still don’t know if we can rotate text in jQ, else that’ll be COOL!
Tuesday, October 4, 2011
How to Create a CSS3 3D Text Plugin for jQuery
Our jQuery plugin uses JavaScript to apply a CSS3 style. You’d normally avoid doing that since it’s be slower and, without JavaScript, the user won’t see the effect.
However, the 3D is unlikely to be essential and the plugin will save a significant number of development hours. If you still feel dirty, copy the generated text-shadow property from Firebug into your static CSS file.
However, the 3D is unlikely to be essential and the plugin will save a significant number of development hours. If you still feel dirty, copy the generated text-shadow property from Firebug into your static CSS file.
Saturday, September 10, 2011
Shuffle Letters Effect: a jQuery Plugin
In this short tutorial we will be making a jQuery plugin that will shuffle the text content of any DOM element – an interesting effect that can be used in headings, logos and slideshows.
Wednesday, July 13, 2011
Animated Text and Icon Menu with jQuery
Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the background color of the item and then slide the elements back in with a different color.
Saturday, June 25, 2011
Simple jQuery Text Resizer
The idea of this plugin is very simple: you click on the text size you want, and a class is added to the body to indicate which size the user has selected. Then, it will take advantage of that body class when you are writing your CSS to size the different elements appropriately.
Wednesday, June 22, 2011
Textgrad : a jQuery text gradient plugin
This simple, yet effective adds a basic gradient effect to text. It contains four functions appliable to a selection, they are: spanize, unspanize, textgrad and textscan.
Sunday, June 19, 2011
jTruncate - Text Truncation for jQuery
jTruncate allows you to customize nearly every aspect of the truncation operation. It provides simple yet customizable truncation for text entities in your web page.
Codename Rainbows - A jQuery text effects plugin
Codename Rainbows allows you to effortlessly apply gradients, shadows and highlights to text.
The gradient in this plugin is comprised of a series of one-pixel-high slices of text. These slices are arranged vertically. Every slice is a slightly different shade, and when the slices are positioned via CSS the result is a smooth gradient created entirely without images.
The gradient in this plugin is comprised of a series of one-pixel-high slices of text. These slices are arranged vertically. Every slice is a slightly different shade, and when the slices are positioned via CSS the result is a smooth gradient created entirely without images.
Saturday, May 28, 2011
Spotlight: jQuery replaceText
Every other week, we’ll take an ultra focused look at an interesting and useful effect, plugin, hack, library or even a nifty technology. We’ll then attempt to either deconstruct the code or create a fun little project with it.
Tuesday, May 24, 2011
Neon effect with jQuery
This plugin apply neon effect to already existed text using CSS3. At current moment here are 3 modes: basic, custom and auto.
Saturday, May 14, 2011
Typography Animation using Jquery
Today i am here with a cool idea of typography type animation. we will learn what is it, and how to create it with Jquery and CSS. This can be ussed as a typography animation software too. You just have to pass your text as a HASH to convert that as a kinetic typography animation.
In this tutorial we will learn to how to apply jquery animate opacity and more. And at last you will fall in love with it.
In this tutorial we will learn to how to apply jquery animate opacity and more. And at last you will fall in love with it.
