TypeIt: An easy-to-use jQuery plugin that types stuff for you.

TypeIt is a lightweight, easy to use jQuery plugin that types single or multiple strings defined by the user. Out of the box, it comes with several options to customize behavior how a user desires, and can even handle HTML markup (including custom styles and HTML entities).

Download: https://github.com/alexmacarthur/typeit

Demonstration: https://www.typeitjs.com/demos/

Plugin homepage: https://www.typeitjs.com/

Implementation:

  1. Create an HTML element:
  2. After including jQuery (1.8.0+) and typeit.min.js on your page, initialize by defining at least one string:
$('#typeitBox').typeIt({
strings: 'A test string!'
});
  1. You can also define your strings directly in the HTML element, which overrides the JSON options:

Another test string.

Screenshots:

Creating a JavaScript Library

I recently wrote a JavaScript library for creating random colors and color schemes, and while I foun…

jQuery Flash Plugin

This jQuery plugin is for embedding Flash movies. Pages are progressively enhanced when Flash and Ja…

jQuery Optimization: Optimize Selector

We can also optimize our selector other than being a bit specific on our selector. The key to optimi…

jQuery drop down menu: droppy

Quick and dirty nested drop-down menu in the jQuery style. I needed a nav like this for a recent pro…

jQuery slideViewerPro: A “pro” jQuery image slider

slideViewerPro is a fully customizable jQuery image gallery engine which allows to create outstandin…

jQuery Optimization: Avoid Unnecessary Styling

This is another common mistake that many jQuery developer made. jQuery provides us with the ability …