Hide HTML Tutorials

HTML Basics

This tutorial is a how-to on the very basics of HTML (Hypertext Markup Language)...

Hide CSS Tutorials

CSS Button Rollovers-Part 1
CSS Button Rollovers-Part 1

Learn how to create the image rollovers found in the right frame of my Portfolio site.

CSS Button Rollovers- Internet Explorer Fixes
CSS Button Rollovers- Internet Explorer Fixes

In a follow up tutorial to CSS Rollovers, we will address fixes for Internet Explorer 6 and up.

Web Page Layout with Cascading Style Sheets
Web Page Layout with Cascading Style Sheets

Put together a basic layout using CSS with a titlebar, left navigation panel, and content panel.

Button Designs with CSS
Button Designs with CSS

Explore various button designs along with supporting CSS code.

Hide Photoshop Tutorials

Image Tiling

Creating Simple Tiled Sand

In this section we will create a sand pattern perfect for use as a web page background. Using Photoshop's Offset feature, we make sure our pattern repeats with no visible seams.

Creating Layered Tiled Sand

Building on the previous tutorial, but differing significantly, is this one. Here, we will create tiled sand using three layers: a background color, a shadow color, and a highlight color. Simply changing the background color will give the sand any color desired.

Creating Water with Photoshop 6.0

In this tutorial, we will create a repeating water pattern (similar to the sand tutorials) using the Offset filter.

Creating Water with Photoshop 7.0 using Layers

Building on the above tutorial, in this one we will use layers to create a tiling wave pattern. If we change the background color the same effect will apply.

Rendering Blue Slate tile with Photoshop 7.0
Rendering Blue Slate tile with Photoshop 7.0

In this tutorial, we will create photo-realistic blue slate tile.

Rendering Red Slate tile with Photoshop 7.0
Rendering Red Slate tile with Photoshop 7.0

In this tutorial, we will create photo-realistic red colored slate tile. We will also get involved with drawing shadows and highlights.

Hide GIMP Tutorials

Effects

Creating a Chrome Effect in GIMP 2.6

This tutorial teaches users of GIMP (GNU Manipulation Program) how to create an object with a chrome look, similar to what has been done in Photoshop many times.

Creating Ripped Fabric in GIMP 2.6

In this tutorial, we will create photo-realistic ripped fabric. This can be a great effect for a fashion or interior design related website...

Creating Layered, Tiled Sand in Gimp 2.6

In this tutorial, we will learn how to create a sand texture that can be used as a background behind a web page or for game or architecture simulation. This time we will use Gimp instead of Photoshop.

Web Layout

Creating a Fancy Website Layout in Gimp 2.6

Create a nice looking, Wordpress specific, web layout in Gimp.

Anti-Aliasing

Getting Rid of Jagged Lines in GIMP 2.6

While experimenting in Creating a Chrome Effect in GIMP 2.6, I figured out a way to fake anti-aliasing on rounded edges after drawing with Selection tools that looks convincing.

Hide Web Design/WordPress Tutorials

How To Slice Up Graphics for XHTML and CSS

In this tutorial, we will learn how to slice up and save graphics to be used as CSS background images in an XHTML page.

Converting a Static HTML Site into a Wordpress Theme- Part 1

In this third tutorial in a series, we are going to convert our static site into a stand alone Wordpress theme.

Converting a Static HTML Site into a Wordpress Theme- Part 2

This tutorial will be the fourth and final tutorial in a series. We will turn our content managed website into a blog.

Manually Updating a Local WordPress Installation Using Windows XP

This article explains how to manually update a WordPress installation on a local Windows XP computer. It also delves into some pitfalls that may be encountered along the way.

How to Bring Your WordPress Theme up to Current Standards

This process describes checking your theme with the Theme Check plugin, fixing problems and adding features. Emphasis is on WordPress 3.0.