digital write jQuery plugin

This is a jQuery plugin that allows you to create UPPERCASE english alphabets in a 5X5 matrix. Its very easy to use -

• Include jQuery js library
  <script src="<path to jQuery.version.js>"><script>


• Include this library <script src="./js/jquery.digitalwrite.js"><script>
  OR use the minified version <script src="./js/jquery.digitalwrite.min.js"><script>


• And tadaa! - for any html dom element call the digitalwrite method!
  $("#target").digitalwrite({char: 'W'});


• And then transform to some other charecter using transformTo method!
  $("#target").transformTo({'M'});

Fork this on

Properties

Properties are passed as parameter, for example: $("#target").digitalwrite({char: 'W'});: here {char: 'W'} is the charecter property! Other properties which are customisable are:

$("#target").digitalwrite({char: 'W', background: 'red'});
$("#target").digitalwrite({char: 'W', background: 'rgb(255, 255, 0)'});
$("#target").digitalwrite({char: 'W', background: 'rgba(0, 0, 0, 0.1)'});
$("#target").digitalwrite({char: 'W', background: '#abc123'});

$("#target").digitalwrite({char: 'W', border: '1px dashed red'});

$("#target").digitalwrite({char: 'W', border: '1px dashed red'});

$("#target").digitalwrite({
	char: 'W',
	border: '1px dashed red',
	success: function() {
		console.log('successfully wrote alphabet W');
	}
});

$("#target").digitalwrite({char: 'W', border: '1px dashed red', timeout: 500});

transformTo() method

$('#transform_MK').digitalwrite({
	char: 'M',
	background: 'rgba(0,0,0,.1)',
	animation: 'default',
	success: function() {
		setTimeout(function() {
			$('#transform_MK').transformTo('N');
		}, 1000);
	}
});		

$(identifier).transformTo(char, callback);

Customisations

Size

Code used for them respectively are:

Colors

Code used for them respectively are:

Animations TEST ANIMATIONS

Code used for them respectively are:

Future Ideas

• Write the whole word / sentense in one function call!
• More animations and correct the buggy ones for now!
• DONE Transition of one alphabet to another (may be a word to other) - TRANSFORMER TYPE!

Feel free to fork and pull - github/mebjas/digital-write-jquery-plugin