Visual hierarchy is a key principle behind effective web and UX design. In this article we'll cover the theory behind it and go over basic exercises to put...

Today we're going to examine the "F Pattern Layout". Rather than trying to force the viewer's visual flow, the F-Layout gives in to the natural behaviors of...

With Christmas around the corner and a large family, plus friends asking me what I want, we've been putting some thought into things we'd like and find...

Next in line for our WordPress Cheat Sheet series, The Template Hierarchy Mapl! If you haven't seen the first posts in this series, this is a new batch of...

Next in line for our WordPress Cheat Sheet series, The Basic WordPress Theme Anatomy Model! If you haven't seen the first posts in this series, this is a new...

With the popularity of our old WordPress cheat sheet, we've decided to fire up a new batch of these quick pocket guides that you guys n' gals can download,...

With the popularity of our old WordPress cheat sheet, we've decided to fire up a new batch of these quick pocket guides that you guys n' gals can download,...

Today we're firing it up with a tutorial on how to design and code your own juicy tag cloud using Photoshop, CSS, and a few tiny images! We'll be using the...

Today we're continuing the tutorial series for creating the ShutterPress design by converting it from a raw PSD to a functional website using HTML and CSS....

Last week, we took a look at how to create a simple user interface kit in Photoshop as a way to expedite work in some of your web design projects. We got a...

Today I've got a special treat for all of you grid lovers out there! Khoi Vinh (one of the leading authorities on typographic grid systems in web design) and...

In today's tutorial, we're going to walk you through how to create your own simple UI kit from scratch. We'll create the basic building blocks that you can...