jQuery.smarttruncation truncates the text within the assigned element to fit and updates the string length while resizing the window.
The used technique is very responsive, since it calculates the width for each character in a pre-define set ahead of time. The generated sizes dictionary is cached and re-used if the plugin is called on an element with identical font properties.
A jQuery plugin that quickly fits single and multi-line text to the width (and optionally height) of its container.The text will scale until it reaches the horizontal or vertical bounds of the box. Explicit width and height styles are required in order to fit the text.If your text has multiple lines, jQuery.textFit() will automatically detect that and disable white-space: no-wrap! No changes are necessary.
hey hi today i wanna show you Layers 3D is a powerful jQuery plugin which you can use for creating ‘Parallax’ or ‘Out of the Image’ effects on your site. With ‘fullsize’ mode you can create even a whole parallax effect website!
You can create layers (we recommend to use PNG images) and position them (by adding left and top properties) inside their container element. After that if you use Layers 3D plugin on the container element the layers will be moving if you scroll on your page (or – optional – if you move your mouse cursor over the element).
The Expander Plugin hides (collapses) a portion of an element’s content and adds a “read more” link so that the text can be viewed by the user if he or she wishes. By default, the expanded content is followed by a “read less” link that the user can click to re-collapse it. Expanded content can also be re-collapsed after a specified period of time.
jQuery has always been used to create random animations and effects on web pages. I have written a simple script in jQuery that animates the text in such a way that it looks like if it is spinning on its axis. I have used simple jQuery functions to provide the effect. Main logic is increasing and decreasing the ‘letter-spacing’ CSS property of the text which gives the simple spinning effect.
I was searching around the internet trying to find a responsive text solution that was lightweight and easy to use. The few that I stumbled upon didn’t work exactly how I wanted, or they had too many bells and whistles.
As always, I decided to mess around with each one to figure out the best approach I could take to simplify everything and get it working for me. In the end, I managed to put together a tight little jQuery plugin that gets the job done and nothing more.
