Rounded Corners
Category: Web Development > Other      Posted: 23 Jun 09

Here are FIVE different techniques you can use to create rounded corners for boxes on a website. There are always different ways to do things with CSS ...

Conditional Stylesheets
Category: Web Development > Other      Posted: 23 Jun 09

Internet Explorer provides a way to target CSS styling information specifically for its different versions. These "conditional stylesheets" are the bes...

Cutting Clipping Paths
Category: Others > Photoshop      Posted: 23 Jun 09

We're back in Photoshop this week because I wanted to talk a little bit about a very specific skill that I think is important for all designers. That i...

Walkthrough of Contact Form
Category: Web Development > Other      Posted: 23 Jun 09

In some ways, the Contact Form is the "Hello, World!" application of web designers and web developers. It is nothing that hasn't been done before a mil...

Introduction to jQuery
Category: Web Development > Javascript      Posted: 23 Jun 09

The popular JavaScript library jQuery is an amazing way to extend the design possibilities of your site beyond what CSS can do. But luckily, if you are...

Designing a Unique Page for Twitter Updates
Category: Web Development > Other      Posted: 23 Jun 09

This week I take you through the creation of simple webpage to display your recent 'Tweets' from Twitter from start to finish. This covers the design i...

Introduction to the Band Website Template
Category: Web Development > Other      Posted: 23 Jun 09

I have recently released a side project called the Band Website Template. This is just a quick tour of it, explaining why it was built and why I think ...

Sliding Doors Button
Category: Web Development > Other      Posted: 23 Jun 09

While sliding doors is far from a new concept and will be obsoleted once we see wider support for multiple backgrounds (CSS3), it is still a good one f...

Creating the Photoshop Mockup - II
Category: Others > Photoshop      Posted: 23 Jun 09

There has been LOTS of great feedback on the first series of Converting a Photoshop Mockup into HTML/CSS. So let's do it again! Every website is different will require different conversion techniques so there will be plenty to learn this time around that will be different from last time. The mockup w...

Converting a Photoshop Mockup: Part Two (3 of 3)
Category: Others > Photoshop      Posted: 23 Jun 09

We wrap up the mockup conversion here in Episode Three. We create the "article area" and the "sidebar" (semantic class naming!), and then we clear the ...

Converting a Photoshop Mockup: Part Two (2 of 3)
Category: Others > Photoshop      Posted: 23 Jun 09

In Episode Two of this series, we continue on with the structure of the site. In Photoshop, we create the three different states of the menu, then slic...

Converting a Photoshop Mockup: Part Two (1 of 3)
Category: Others > Photoshop      Posted: 23 Jun 09

There has been LOTS of great feedback on the first series of Converting a Photoshop Mockup into HTML/CSS. So let's do it again! Every website is differ...