Richard's Archive

10 jQuery Plugins to Play With JSON

In this post, find a list of jQuery plugins to play with JSON data. Using these plugins you can convert JSON data to tables, HTML, serialize objects, format JSON to make it more readable, generate treeview or even image sliders. 1. Dream.js DreamJS is a lightweight library to generate JSON data. This library can output random […]
Read the rest of this entry »

Build a Smooth Slide-Out Navigation Menu with jQuery

A smoothly-animated vertical navigation menu is a refreshing alternative to the standard horizontal navs, and can be created fairly easily with CSS and some simple jQuery. Here’s how it’s done: You’ll need to start out with your basic <ul> navigation structure. [html] <ul id=”navigation”> <li class=”home”><a href=”#”>home</a></li> <li class=”about”><a href=”#”>about</a></li> <li class=”search”><a href=”#”>blog</a></li> <li class=”photos”><a […]
Read the rest of this entry »

The 10 best jQuery video plugins

jQuery is one of the simplest HTMLs to handle JavaScript. It allows users to compress long codes into one simple line. Its wide variety of plugins can also make adding video to websites easier as well. Video plugins help users to complete tasks quickly with ease. Here are the 10 best video jQuery plugins, which […]
Read the rest of this entry »

Create a Responsive Navigation Menu Using jQuery

With more and more people accessing the web from mobile devices and tablets every day, it’s becoming increasingly important for websites to be responsive, and one of the most important aspects of a mobile friendly website is a responsive navigation. Creating a mobile-friendly navigation menu without the use of a plugin might seem like a […]
Read the rest of this entry »

10 jQuery plugins with full screen support

Developers can check out the list below of jQuery plugins that provide full screen support. These plugins provide full screen website, image galleries, editor, slider, menu, loading bar, Youtube videos and modal windows. 1. fullPage.js fullPage.js is a simple and easy to use plugin to create full screen scrolling websites (also known as single page websites […]
Read the rest of this entry »

Use jQuery to Create a Simple Slider

All it takes are a few lines of code to make your own simple, lightweight content slider using jQuery — no plugins necessary. First, use divs to separate your content and create each slide. Make sure each of these divs has its own unique ID. Each div should also contain text or an image/icon with […]
Read the rest of this entry »