Twitter Update

Blue Print Layout: Converting a PSD to HTML Tutorial

A while back I did a tutorial called Create a rocking blue print website layout in photoshop which basically explains how to create a website layout in photoshop. Today I am going to teach you all how to take a photoshop document and convert it to HTML or an actual website. enjoy

Adding rounded corners to internet explorer 6,7, and 8 using CSS3

Adding rounded corners to IE using css3 was impossible considering Internet Explorer does not support css3. The only way to add rounded corners to IE was to create rounded corner images. Well today I will go over the techniques that will allow you to use rounded corners and IE web browsers.

Create a rollover image using css image sprites

images can only be done with javascript considering you’re using a WYSIWYG editor. Well not today. In this tutorial I will teach you how you can create a css rollover image with ease.

Quick Tip: How to target IE browsers using conditional stylesheets

Internet Explore (IE) can be very annoying if you’re coding a website in Firefox, Opera, Chrome, or Safari. As you may all know IE has many problems when it comes to designing and creating a website.

Create a 3 column fluid layout using HTML/CSS

Hey there fellow designers and coders. Here on Webdevtuts I have been posting a lot of Photoshop tutorials and that is great for designers but what about the people who would like to learn code. Since I have not written a tutorial on code ..

Understanding the fundamental of typography for the web: Part 1

Typography is a very hard thing to accomplish when designing or coding for the web. In this article I will hopefully give you a better understanding of how to use typography and how you can avoid clutters paragraphs and unaligned text.

Create a speaking block navigation menu using pure css

Many people have been emailing me or asking me how I have created the Webdevtuts navigation menu. Well today I decided I was going to write a tutorial to show you guys how…

Create a awsesome images gallery using css3 and jquery

Today we will be creating a very simple but great looking css3 image gallery using jquery and css3. If you’re a beginner, GREAT! Follow this tutorial and you will have no problem adding jquery plugins to your website

Highlight Current Page in an HTML Document Using Css

When designing a web page using HTML/CSS you might have notice that you cannot have an active page just by creating a new index file.

CSS Sprites: How they work, and how to use them.

This tutorial is on css sprites. You have probably heard about them before, and you may also have tried to make them, but for many people still, css sprites are a tricky part of developing, and therefore this is often skipped.