The fancy type effect on the front page

You may have seen the fancy animated typing effect on the front page to the site. I’ve had a couple of folks ask me how this was done so I thought I’d write this post to give a shout out to the authors of the jQuery plugin used, that is typed.js.

Developed by Matt Boldt typed.js is a very handy little plug in that helps create animated typing effects on your website and the implementation couldn’t be easier. It is a jQuery plug in so you need to have that referenced in your website first, after that it is simple a case of referencing typed.js and referencing to the element you want to animate.

The implementation on this site is rather basic and looks like:



            $(function(){
                $("#typed").typed({
                  strings: ["String that is to be animated"],
                  typeSpeed: 20
                });
            });

James - 4th February 2017

Leave a Reply

Your email address will not be published. Required fields are marked *