The role of Photoshop in web design is becoming more modular. Instead of composing a pixel-perfect layout of an entire web page, it's perhaps more sensible...

During this tutorial we're going to build an expanding footer; a user interface pattern which allows the user to click on expandable footer regions if they...

Let's look at an alternative approach for displaying logos on a web page. Normally, you'll approach the challenge by using an <img> tag. Perhaps you'll...

With more mobile web users than ever, it's important to keep your branding strong. Let's go one step further than the standard favicon and help your website...

We're going to create an enticing and informative pricing table. During this screencast we'll tackle the design stage in Photoshop, then next week we'll...

How's that for a keyword-packed title? Let's take a look at Google Maps - more specifically, an alternative way to include them in your websites. We'll be...

HTML select elements with their option tags cannot be completely customized using CSS, but what if we want to style a dropdown just as easily as <div>,...

You'll often find yourself using toggle sliders as a trendy alternative to checkboxes. Today we'll be creating one using plain CSS3 and HTML.

In this Quick Tip I'll demonstrate how to design a countdown clock interface in Photoshop. We'll go over some simple techniques and, in under fifteen...

Let's create a minimal and slick login form using basic HTML5 then enhancing it with some CSS3 techniques. Time to transform some simple elements into...

During this tutorial I'm going to be introducing you to HTML5 audio and showing you how you can create your own player.

Coding up Orman Clark's Premium Pixel designs is great fun, this time we'll have a look at his Video Player Interface! We'll build it using an awesome HTML5...