How to Create a Clean Web 2.0 Style Web Design in Photoshop

May 20 2009 by Jan Cavan | 188 Comments

How to Create a Clean Web 2.0 Style Web Design in Photoshop

In this Photoshop web design tutorial, you’ll learn, step-by-step, how to create a stunning and clean web layout. You’ll be using some basic to intermediate-level techniques to build your very own sleek "Web 2.0" style web design that uses the 960 Grid System.

This is a two-part series that will teach you how to create the layout in Photoshop, and then how to convert it to a standards-compliant (X)HTML web design.

continue reading »

Create a Slick and Accessible Slideshow Using jQuery

May 18 2009 by Jacob Gube | 441 Comments

Accessible Slideshow.

In this in-depth web development tutorial, you’ll learn how to create a usable and web accessible slideshow widget for your site using HTML, CSS, and JavaScript (jQuery). In the process, you’ll see the concept of Progressive Enhancement in action.

continue reading »

Make High-Impact Backgrounds for Your Designs with Photoshop

May 14 2009 by Tyler Denis | 38 Comments

Make High-Impact Backgrounds for Your Designs with Photoshop

In this Photoshop web design tutorial, you’ll learn about creating dynamic and high-impact backgrounds that you can use on your own web layouts. We’ll go over color/gradient techniques, lighting effects, and using textures and patterns.

continue reading »

How to Create a “Worn Paper” Web Layout Using Photoshop

May 12 2009 by Matthew Heidenreich | 37 Comments

How to Create a Worn Paper Web Layout with Photoshop.

In this tutorial, you’ll learn how to create a textured "worn paper" web design theme using some basic Photoshop techniques. The design incorporates some free stock images to let you create a beautiful layout in a jiffy.

continue reading »

How to Create a Slick and Clean Button in Photoshop

May 7 2009 by Jacob Gube | 131 Comments

How to Create a Slick and Clean Button in Photoshop

This Photoshop tutorial shows you how to create a simple and clean "Web 2.0 style" button sprite with a rollover state. You’ll also learn how to set up the sprite using some basic CSS techniques (CSS background sprite and CSS text image replacement).

continue reading »

How to Make a Stylish Glowing Box in Photoshop

Apr 28 2009 by Tyler Denis | 43 Comments

How to Make a Stylish Glowing Box in Photoshop

In this Adobe Photoshop graphic design tutorial, we are going to create a magical glow effect coming from a box in Photoshop. This is a pretty simple effect that looks great and can easily be adapted for use in other ways.

continue reading »

Using XAMPP for Local WordPress Theme Development

Apr 26 2009 by Jacob Gube | 464 Comments

Using XAMPP for Local WordPress Theme Development - leading image.

In this tutorial, you’ll learn how to install and configure XAMPP for the desktop. Once that’s out of the way, we’ll install WordPress so that you can have your very own professional, light-weight PHP and WordPress development environment.

continue reading »