Scroll to Internal Link with jQuery
One page scrolling sites have experienced a huge growth in popularity in web design in recent years. Although this type of site isn’t for everyone, it is still useful to know how they work. Today, I will teach you how to create a very simple one page scrolling site using jQuery. Before we begin you can download the Source Files, or try the Demo. This is what we will be…
Our 50 Favorite Web Developers Resources and Tools from 2011
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,…
The 50 Most Useful jQuery Plugins from 2011
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…
25 jQuery Plugins to help with Responsive Layouts
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…
Hoverizr – An in depth view of the jQuery plugin
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,…
How to Build a Sliding One Page Portfolio with jQuery
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…
40 New jQuery Plugins
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….
Resize Images in a Post with jQuery, and turn it into a plugin
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…
15 jQuery Space-Saving Content Sliders and Carousels
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…
15 Fresh jQuery Menu Plugins and Tutorials
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…
Quick Tip – The Difference Between Run Time and Compile Time Errors
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…
30 Fantastic New jQuery Plugins
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…
25 Video Tutorials for Getting Started in Web Design
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…
