Category: jQuery

30 Eye-Catching Website Templates using Twitter Bootstrap
All PostsHTMLInspirationjQueryWeb Design

30 Eye-Catching Website Templates using Twitter Bootstrap

Twitter Bootstrap has been around for a few years gaining a lot of momentum. Designers love the simple interface along with the many pre-built JS components. Bootstrap allows any designer to focus on the semantics, without worrying about page resets or rebuilding HTML structure. Bootstrap is naturally responsive with options to create fixed-width layouts, too.

This gallery includes 30 brilliant website templates created using Twitter Bootstrap. Many are free to download while others can be purchased from premium marketplaces. Bootstrap themes are much cheaper than CMS themes because there is no backend. Yet even the free examples are great learning tools.

Read More
10 Useful jQuery Image Gallery Plugins
All PostsjQuery

10 Useful jQuery Image Gallery Plugins

For a recent project I was looking a jQuery image gallery that could overflow hidden gallery items and display them horizontally outside a grid container.

I found exactly what I was looking for and settled on using the jQuery plugin created by @basilio called responsiveCarousel.

I thought I would share with you the other handy jQuery image gallery plugins that I stumbled upon and bookmarked for future reference.

Read More
7 Useful Parallax jQuery Plugins
All PostsjQueryTools

7 Useful Parallax jQuery Plugins

Going into 2014 I am sure the parallax scrolling effect is going to become even more of a widely used effect. When used correctly, the parallax effect is a great way to add an extra visual dimension, combined with the users scrolling it is a great way to guide the user through your site.

Here are 7 useful parallax jQuery plugins that will allow you to easily implement the effect on your website.

Read More
Ten Useful jQuery Plugins For Fullscreen Images
All PostsCSSjQuery

Ten Useful jQuery Plugins For Fullscreen Images

On a recent project I needed to serve an image as a full size background on both a page and a block level element, the image had to be scaled correctly and also be responsive on small devices.

Serving fullsized images onto backgrounds or block level elements can pretty much be done with pure CSS3, however I wanted to explore what possibilities and improvements jQuery offered in terms of serving a better quality image and handling different device sizes.

Here are ten jQuery plugins that are perfect for serving fullwidth image backgrounds, I personally chose to use the Backstretch plugin.

Read More
All PostsjQueryTutorials

Tutorial: How To Build Input Fields with Tag-Style Item Blocks

Many newer social media communities and web applications are pushing the boundaries of interface design. Form inputs have changed a lot over just the past 4-5 years. One such feature is the tag select input field, where users can enter tags which appear as block items within the field itself.

For this tutorial I want to demonstrate how we can build this effect to be used in any website. To save time I’ll be using the jQuery Tags Input Plugin which is free and open source to use on any project. I prefer this plugin over some others because of the many parameters and options for customizing the experience. Take a peek at my live demo to see what we will be creating.

Read More
10 Useful jQuery Video & Audio Players
All PostsjQuery

10 Useful jQuery Video & Audio Players

Using a custom skinned jQuery audio/video player in your website is often more aesthetically pleasing then simply embedding a video from a third party website on your website.

Being able to use a custom designed jQuery player also enables you to pair the design with your branding and design.

Within the new WordPress 3.6 there is also native support for audio and video post type. With this in mind I wanted to explore the various jQuery plugins available that will allow me to enhance the UI when using audio and video within a website.

Read More
How To Create Unique jQuery-Based Tooltips
jQueryTutorials

How To Create Unique jQuery-Based Tooltips

Tooltip libraries are fairly common amongst the open source community. A quick Google search will net you a series of results which you could apply into any typical project. However it can be difficult figuring out some of the various options for customization. Or even the decision for which library to use can be a…

Read More