Adaptive Backgrounds jQuery Plugin

I recently found a good resource for changing the background colour of a containing div. This is a jQuery plugin that will search for the most dominating colour in an image and will change it's containing element background to this colour. Allowing you to create some nice looking showcase pages with just a few lines of Javascript. This plugin is called the jQuery Adaptive Background Plugin. To use this jQuery

Read more...

jQuery Copy To Clipboard

In a recent project I needed to create a button that would copy some text onto the user's clipboard. As I was going to build this on the click event of a button I wanted to do this with Javascript or jQuery. After doing some research into this I found that JavaScript copy to clipboard wasn't available because of security which also meant that jQuery would not be able to

Read more...

Create Password Strength Indicator With jQuery

With security being the biggest problem for most websites it's important to make websites as secure as possible. But after all the precautions a developer can do with their code most of the problems with a website is simply the user didn't have a strong password. If you a building a system that allows the user to enter in their own password then it is always a good idea to

Read more...

How To Find Events Bound To An Element With jQuery

In this tutorial we are going to investigate ways you can tell what events a certain element has bound to it. This is really useful when you need to debug the on method to see how it is working. There are a number of ways to bind events to an element, there is bind(), live() and delegate(). Bind - Used to attach events to current elements on the page. If

Read more...

Lazy Load Social Media Buttons

With the page loading speed being so important to a websites success you need to try to speed up all areas of your website as much as possible. One of the features that most websites have now is social media buttons, these allow the visitors to easily share your articles on their favourite social networks. It also allows your visitors to see how many times a page has been shared

Read more...

Add Google+ Comments To Any Website

On the 18th April 2013 Google announced that they have made a Google Plus commenting system which you can have on your website just like the Facebook comments. This allows people to come to your site and when they comment on an article this comment will be shared on Google plus. Google+ Comments The difference that Google plus comments has over Facebook comments is a massive benefit of including all

Read more...

Display Disqus On Click Event

I have recently redesigned Paulund and it was design to concentrate on page loading speeds, I wanted to make Paulund load as fast as possible. There are lots of things you can do to improve the loading speeds of your website, you can compress images, improve your web hosts, make your website code more efficient. But one thing that I choose to do with this redesign was to reduce the

Read more...

Create An Interactive Metro Style Grid Dashboard

Since Windows 8 released it's first pictures of the new design, people have been going crazy over the metro style. People love it, it's modern, it's clean, it's simple and makes it really easy to use on mobile devices, especially on tablet devices. In 2013 it is going to be a trend that you will start seeing more websites applying this metro style to their designs. But for websites is

Read more...

Create Google Maps With gmaps.js

How To Use GMaps.js GMaps is a javascript plugin that makes it really easy to use Google Maps to display a map to your user. There are multiple options that make it easy to add pointers to the map, directions, information boxes and lots more. This plugin is massive there is loads of options to go through, in this tutorial I'm not going to go through all of them. I'm

Read more...

Create Your Own Share Buttons With Sharrre

People are now members of multiple social networks be it Facebook, Twitter, Google Plus, Linkedin etc. All of these social networks have created their own button which makes it really easy for your visitors to share the current page with their friends and followers. Facebook Like Button Twitter Tweet Button Tweet Google Plus +1 Button Everyone knows what these buttons look like, this is good as people understand how to

Read more...

1 2 3 4