The Myster of the CSS Float Property

Years ago, when developers first started to make the transition to HTML layouts without tables, one CSS property that suddenly took on a very important role was the float property. The reason that the float property became so common was that, by default, block-level elements will not line up beside one another in a column-based format. Since columns are necessary in virtually every CSS layout, this property started to get used — and even overused — prolifically.

How to Create a Grunge Web Design in Photoshop

Photoshop is often the right tool for web design, especially if you're creating a design using numerous images and brush effects. In this tutorial, I'll show you how to create a complete grunge home page design. We'll design the header, sidebar, body, footer, and style everything to work together in a heavily textured and worn design.

Web Design Inspiration

Nice design - Electric Pulp's website.

Javascript Fading Slideshow

This is a really great and simple tutorial for creating a slideshow using Javascript. Let me know what you think!

Here area couple other Javascript slideshow tutorials you can try:

• Dyanmic Drive
• Javascript Kit
  

Logo Design

This one is a little different than what I usually post, but I found these really cool inspirations for logo design. Enjoy!

Design a Very HOT Branding Iron

In this easy Photoshop tutorial you’ll learn how to design a very cool-looking branding iron effect, using the type tool, a few shapes, and a fair few layer style effects. This is my outcome from the tutorial:

Design Watercolor Effect Menu

This is a two-part tutorial on how to create an artistic and un-typical CSS list menu as seen on Web Designer Wall. In the first part (this article), I will show you how to design a watercolor effect menu in Photoshop. Then in next tutorial, I will show you how to slice the menu and code in CSS. If you need some inspiration on creating an artistic menu, visit our previous post on artistic websites. Ready? Let’s begin Part 1. (Update: Part 2 is ready - Advanced CSS Menu)

Free Texture: Smoke

I wanted to do some sort of roundabout dedication to our new incoming President with this week’s textures, but I didn’t want to do something too boring. It’s no secret Barack Obama is a smoker considering how widely publicized it’s been. He will join only three other presidents who were smokers: Warren Harding, Franklin Delano Roosevelt, and Lyndon Baines Johnson. Here’s to you, Mr. President!
Get Smoke Textures!

Create a Sleek, High-End Web Design from Scratch

In this tutorial, we'll put together a high-end Web design using a crisp, thin font, gorgeous background images, and clever use of space and layout. You can easily use the technique to create your own unique designs.
Then when you're finished reading this tutorial, you can cross over to our sister site NETTUTS and follow along as we build the design into clean and simple HTML. OK let's rock'n'roll!

How to Create a Grunge Web Design Using Photoshop

In this step-by-step web design tutorial, you will learn how to craft a beautiful and eye-grabbing grunge-themed web layout using Photoshop. This tutorial is geared for beginners and intermediate-level Photoshop users.

Add Focus To Your Photo & Grab Attention

This Photoshop tutorial will show you how to take a photo that has great potential and turn it into one that will stop people dead in their tracks and have them gazing at the photo. First off, I got this incredible photo of the puppy free off Flickr. This particular photographer ny156uk has some great photos for commercial use. You can find more free photos for commercial use on Flickr by doing an advanced search.

Creating Grunge Brushes in Photoshop

This hand-picked tutorial shows you how to create that of the moment grunge look seen in photos and graphics everywhere right now.

Orb Button Effect

This set of tutorials will show on how to create a very basic mouse over effect in html/css. Therefore this tutorial will spilt into 2 parts:

Photoshop to CSS in 30 Seconds

This is a good one folks! Learn how to convert your photoshop documents into quick and really easy CSS. Check out some great links to CSS books... including "Designing Without Tables." My-oh-my CSS!

Design a Ready to Print Brochure in Photoshop

This is a practical guide on how to design a simple brochure from scratch using only Photoshop. I'm doing it without using InDesign templates, nor Illustrator, since there are many people who don't have that software, or don't know how to use it. If you're a student looking to print a Brochure in your InkJet Printer, this just might be the right tutorial for you.

How to Make a Print Ready Business Card Using Only Photoshop

Hi Everyone! This tutorial shows you how to make a super slick and modern business card using only photoshop. It's tight! Don't say I didn't warn you.