A very common trend these days is the use of a fixed navigation, which shrinks to become less intrusive as the user scrolls down the page. In this tutorial,...

In this tutorial I am going to show you how to create a simple, elegant blog layout in Photoshop. We'll use a strong image above the fold (wherever that may...

Today we will be looking at a few techniques for displaying scroll progress for users who are reading a page. We will cover two specific techniques you can...

Today, we will use Salvattore in combination with Twitter Bootstrap 3 to make a responsively awesome flowing grid structure.

Today, we are going to combine ZURB's Foundation 5 Off-Canvas feature with our top bar navigation. The result will be a nice custom navigation for desktop...

So you want to be a landing page template designer? You may think you have it easy - after all, landing page templates are just a single page. That’s much...

In this tutorial I’ll be using Photoshop CS6 to design a simple, clean, three-column portfolio page, with a trending timeline. During this process we’ll look...

Today we will be creating a dynamic dashboard with live charts, through the power of ChartJS. ChartJS is a powerful, dependency free JavaScript library which...

There are a thousand ways to design and create buttons today and you only need to spend a small amount of time looking through work on dribbble to get a...

It's been one of the biggest web design buzz words for a while now, so today we're going to try our hand at a bit of Parallax. We're going to put together a...

As web designers create more and more responsive sites, patterns continually emerge for how we handle global navigation. This is the first in a series of...

This tip will guide you in improving the look and feel of scrollbars to match your UI design. We'll take a look at what WebKit browsers offer us in terms of...