As a developer, anything that can save you just a little bit of time is well worth its weight in gold. If you agree with that statement, you will love this. What we have for you is our selection of the best, the most useful and the most innovative tools and resources from 2011. That includes frameworks, boilerplates, apps, Javascript resources, CSS3 animations tools…and on…and on. So, no matter what, you are guaranteed to discover something completely new and really, [...]

What an exciting web development year we have had (OK, its not quite finished, but almost). HTML5 and CSS3 have forced there way into the mainstream, responsive layouts techniques are rapidly moving towards being the standard, sites like Dribble, Forrst and GitHub have offered a fantastic platform to both inspire and share new ideas and solutions, and of course, as it always reliably does year after year, the jQuery community has released a colossal amount of really, really useful plugins. [...]

The most popular topic of discussion at the moment is undoubtedly responsive layouts in web design. Without going discussing too much what you will already know, a responsive layout allows you to offer a specific and optimised screen size based on whatever device (mobile, tablet…) the visitor uses. You would typically use Media Queries to resize the overall layout, but what about all of those individual elements and features that make your page unique? Navigation, forms, images, sliders, carousels… they [...]

As a web designer, from time to time, you may need to make a grayscale image fade into color on mouse over. So the typical solution would be to have each image desaturated to achieve the grayscale effect in Photoshop. Then, you would have to add a few extra divs and image tags to the markup an then add some jQuery magic to fade the images in and out. Or, you could have merged two images into one larger image [...]

In this tutorial, I will show you how to create an interesting jQuery-powered one-page site. One page sites are usually a great way to show your prospective clients how good you are at what you do. This one is no exception. Demo & Source Files View the DemoDownload the Source Files Screenshot The HTML We’ll start off with some simple HTML. Each section represents a part of all the colored squares. Each one has a different ID so that we [...]

Every six months or we do like to take a look at some of the greatest and freshest jQuery plugins from within that time. Each time we do this the jQuery community never ever fails to let you down. Constantly releasing plugins that are not only useful and problem solving, but also releasing plugins that can aid you with new technologies like HTML5 and CSS3. Hope you enjoy this selection. You might also like: 50 jQuery Plugins for Form Functionality, [...]

Resize Images in a Post with jQuery, and turn it into a plugin If you own a blog, chances are you post pictures in your posts once in a while. Likewise, you have probably encountered the problem of resizing the pictures so that they fit in the post. Today’s tutorial will be in two steps: We will write a jquery function to handle the image resizing We will convert the resulting code into a plugin We will use two images, [...]

We all know about the popularity of jQuery image and video sliders and galleries. For the most part they are all feature-rich and perfect in their own way, but very few of them have been built to accommodate non-image content (blocks of text) that would allow you to have, for example, a rotating featured content area or a popular post section. Why is that? The good news is that we have managed to find 15 feature-rich jQuery plugins that do [...]

We haven’t actually taken a look at what new techniques and plugins are available for building menus with jQuery in quite a long time. For the most part, the plugins below are a great platform/canvas for you to build your navigation by offering fantastic customization options that allow you to style the system as required and control its functionality. Other plugins and tutorials, although beautifully crafted, do have limited customization options and may not be suited for a typical site. [...]

The First step before delving into the difference between run time and compile time errors is the need to establish a few base concepts. Not every language compiles and actually most of the more popular language on the web are not compiled. What is compiling? “A compiler is a computer program that transforms source code written in a computer language into another computer language.” (Via Wikipedia) Compiling in the most abstract terms means taking our human readable code and converting [...]

With jQuery now being used in over 40% of all web sites, the demand for up-to-date and feature-rich plugins has never been greater. Thankfully, the jQuery community has always met its popularity head on by offering a constant influx of new plugins that constantly push the boundaries of functionality ever-further. Yeah, we really do love jQuery :) We haven’t actually had a good look at jQuery plugins in quite a while, so today, we thought we would bring you up-to-date [...]

The best designers never stop learning. Only the mediocre ones think they know it all, that there’s nothing else to learn. But you don’t don’t want to be a mediocre designer, do you? That’s right – you want to be a great designer. One that’s always hungry to learn a new technique to make your first web and visual design project slick, cool, user-friendly, and just plain awesome. There is only thing holding you back – How to do it [...]

There are lots of jQuery menu and navigation plugins freely available that can do anything you could possibly imagine. We love those innovative and ground-breaking plugins we really do. But, as we are sure you will agree, the most of the time, all we basically need is a lightweight, functional and easy to style solution. Something that we can easily slot into our templates and themes and will work without any major code tinkering and requires only minor CSS tweaks. [...]