Richard's Archive

10 Free jQuery Timeline Plugins

Here is another free jQuery plugin collection to create a timeline or display events in chronological order. Using these plugins you can create responsive, interactive and animated timelines. These plugins can be used to show events year by year, create portfolios or to develop any entity in an interactive way. 1. Timelify Timelify is a […]
Read the rest of this entry »

12 jQuery Plugins to Create Image Zoom Effect

In this post, find a compiled list of 12 lightweight, responsive and customizable jQuery plugins to provide zoom effects on images. These plugins can be used to provide inner zoom, outer zoom and magnifying glass effects. Some of the plugins also support mouse wheel zooming. These plugins will work on all the major browsers. 1. […]
Read the rest of this entry »

12 jQuery Plugins to Animate Text

Text animation is a preferred way to highlight the text and catch attention of anyone. But having a good and lightweight text animation is pretty important. So in this post, find a compiled list of 12 jQuery plugins for animating text on your website to get attention of users. This plugins are tiny, easy to […]
Read the rest of this entry »

10 jQuery Plugins to Create a Ripple Effect

Ripple effects became very popular with Android Material design due to simplicity of animation and its eye catching presence. So in this post, find a compiled list of 10 jQuery plugins to create ripple effects. These plugins are very lightweight and easy to use. 1. Ripples   Ripples is a fancy jQuery plugin that creates […]
Read the rest of this entry »

Using jQuery to Dynamically Add CSS to HTML

jQuery easily allows for CSS to be dynamically changed as a result of different event triggers. This is especially useful if you want to change some styling of a particular element after a click. Implementing this type of code is fairly simple. The code in the following example would change the color of the text […]
Read the rest of this entry »

Using jQuery .click() Events to Override Hover Styles on Mobile

One of the most frustrating things about optimizing a site for mobile is when certain styles or events that work perfectly fine on the desktop version don’t really translate into a touch device. Take hover styles, for example, which work great on desktops, but, due to the nature of touch devices, don’t really work at […]
Read the rest of this entry »