Bootstrap text alignment classes
In this tutorial, I am going to show you live demos of aligning text center, right and left. I will also show you using the floating text center or right by using helper float classes.
Typography
Explore the collection of styling text in your web pages. The tutorial list includes animated, CSS styles text for various parts of the website.
Airport Terminal like text animation using jQuery: TextShuffle.js
Create text animation like airport terminal The TextShuffle.js is a simple jQuery based solution for creating the text animation like displayed in the airport terminals. Demo1 Demo2 The available options allow you to set the speed of animating the text shuffling, bind event (click, mouseover, mouseleave etc.) and characters to be used for shuffling the … Read more
Text Animation by jQuery: textbanner
The textbanner is a simple to use plug-in for creating text animation on your web pages. Learn using it with examples @ jQuery-az.com
jQuery/JavaScript keyword highlighting plug-in: mark.js
The mark.js is a pure JavaScript and jQuery solution for highlighting the keywords entered in the search field.
A jQuery News Ticker/Text Slider plug-in: simpleTicker.js
The simpleTicker.js is a jQuery based simple plug-in for creating the ticker or text sliding with different patterns.
Fit text into HTML element by jQuery
Fixing text in HTML elements by jQuery The textfit plug-in fits the text in one line according to the width of the element that contains it. It adjusts the font-size of text with respect to the width of the element. The plug-in size is just 1K that you may place before the body closing tag. … Read more
Create Animated Text Shadows by jQuery
The txtshadow jQuery plug-in enables creating the animated and dynamic text shadows that move with the mouse pointer.
Convert hash tags (#) and @mentions into colorful text by jQuery autotag
The jquery-autotag plug-in The autotag plug-in converts any text typed in the contentEditable=”true” elements of the DOM with @ or # into colorful and distinguishable text. Since social media, the usage of mentions (@) and hashtags (#) has incredibly increased, so it is worthwhile to make it prominent if your web pages has content editable … Read more
Inline editing in paragraphs, div, span etc. by jQuery: InlineEdit
Create editable elements in webpages The InlineEdit plug-in allows creating the elements in your web pages that are editable upon double clicking. You may make editable paragraphs, span or text in the div tag that can be saved on the server without refreshing the website. The edited text is sent to the server by AJAX … Read more
jQuery text loop for blockquote/cite with fade and delay effects
What does jQuery text fade delay plug-in? The fade-delay plug-in is used to display the blockquotes and cite in web pages with the transition. The blockquotes element will fade away and then cite elements display in a delayed manner. The plug-in can be good for displaying quotes, customer reviews etc. one by one in a … Read more
Bootstrap News Ticker with jQuery
In this article, I am going to share a nice jQuery plug-in for running news ticker vertically on your web pages.
Bootstrap 3 Panels: Simple and Collapsible
The panel, which is a built-in component in Bootstrap, can be used to present content in a box.
CSS Vertical Alignment of Text and Images in a Div
The vertical-align property in CSS The vertical-align CSS property aligns the specified element vertically. However, if you need to align the content vertically you may use a different technique like using the transform property with a rotate value; I will show you how in this tutorial. First, let us have a look at the vertical-align … Read more
CSS box-shadow
In this tutorial, the Apple logo is used to display without using any image. The demo in the following section uses pure CSS where the box-shadow CSS property is used along with other properties for making the Apple logo.
Create CSS text shadow Explained with Four Examples
The text-shadow property, as the name shows, is used to give shadows in the text of the web pages. Learn more @ jQuery-az.com