Add a stunning Progress Bar to Your Website

The NProgress Plugin

NProgress is a jQuery plugin that shows an interactive progress bar on the top of your page, inspired by the one on YouTube. It consists of a global object – NProgress which holds a number of methods that you can call to advance the progress bar.

Demo | Source | Download

50 Amazing jQuery Plugins

Dialogs

The browser’s built-in dialogs are easy to use but are ugly and non-customizable. If you want your application to look sharp and professional, you will have to part with the loathed default look. The plugins in this section can substitute the built-in dialogs and can be readily customized.

1. Alertify.js

Alertify (github) is small library for presenting beautiful dialog windows and notifications. It is easy to customize with CSS, has a simple API and doesn’t depend on third party libraries (but plays nicely with them). To use it, include the js file and call the methods of the global alertify object:

// alert dialog
alertify.alert("Message");

// confirm dialog
alertify.confirm("Message", function (e) {
    if (e) {
        // user clicked "ok"
    } else {
        // user clicked "cancel"
    }
});

Source

40 jQuery Plugins for Carousel Type Sliding

Looking for the new kind of carousel scripts that will displays items in a continuous loop, we gathered some nice little jQuery goodies for you all. These plugins are capable of creating carousel-like slideshows where you can pan through the images using arrow indicators or simply view the showcase in auto-play. As opposed to displaying the images only, here you will also find several plugins that do cater for non-image content such as videos or text blocks. Plus in some cases you will have the ability to choose from horizontal or vertical order, a range of element positions, transition effects, slide timer length, and the like. If to recap, such kind of space-saving arrangement is definitely great for making your site uncluttered albeit shock-full of different content. So have these jQuery carousel plugins handy.

If you feel you’re not that tech-savvy to add the carousel yourself, we can suggest you template solutions with jQuery elements already inside them.

Circular Content Carousel with jQuery

* * *

Read more

15 jQuery 360 Degree Image Rotation Plugins

Making websites engaging and interactive is often one of the primary goals web designers have. To achieve this they need adopt modern techniques and standards which include among others, jQuery slideshows and carousels with fancy animation effects to handle images. With jQuery around, web developers can easily implement such features while making them accessible to mobile browsers – a thing which is not possible with Flash.

Source

Design a Sleek and Modern Pricing Table in Photoshop

Photoshop is often used to create graphics and layouts for web designs. In this tutorial, we will explain how to create a pricing table for a hosting company using a combination of vector shapes and layer styles. Let’s get started!

Source

Design iPhone Music Player App With Photoshop CS6

Photoshop CS6 is a much more powerful vector editing application than its previous versions. In this tutorial, we will show you to use these new features to create an iPhone music player app in both the original iPhone resolution, as well as retina without having to repeat the same process for both designs. Let’s get started!

Download Source | Read More