HTML Tutorials

A great looking portfolio site is crucial for any designer to instantly present their work to potential clients or employers. A simple, single page site can do this effectively by displaying three key features of large header with short introduction, examples of your work and methods of contact all in one, extremely browsable page. Let’s take a look at producing a single page portfolio concept in Photoshop, constructing the page in XHTML/CSS and adding some fancy functionality with jQuery.

Our latest posts have mostly been about design, so today we’re going full on code monkey with a cool CSS3 technique: Vignettes! The technique involves a few divs, a bit of simple CSS, and a whole lot of fun.

This is the newest HTML tutorial on the web. It was designed in an easy step by step format. Built into the tutorial is an HTML editor to try things as you learn.

A great screencast that teaches you how to touch up a website in Photoshop and complete semantically correct HTML markup.

Tutorial for web design beginners about the internet, IP, severs, clients, domain names, DNS, websites and source code.

It turned out to be really easy to use S3 like a giant, unlimited host, and I've been using it ever since for high-access, or heavy files like podcasts for FreelanceSwitch, images for blogs, and even for sending files to clients. In this tutorial I'll show you how with just Firefox you can turn S3 into your own personal content delivery network. It's super simple, even I could do it!

While there are some quick & easy solutions for making our websites more usable, not everything can be made clear through standard analytics programs overnight. One way to accurately visualize how our visitors use our sites is through the use of Click Heatmaps.

Favicons are great little icons that appear on the left of a website URL in your browsers address bar, Favicon's don't seem important and some website won't have them, but this tutorial will show how create your own favicon, and make it appear on your website!

The second part to my Web Development series. Learn about the fundamentals of design here!

In this article, we cover the concepts of why you lay out your site in a particular way, as well as beginning to help you understand all the pieces involved in this process. All of these pieces - Master Pages, Themes, CSS, Skins, Sitemaps, and Menus-combine together to make your site work. A solid understanding of these pieces will help you as you put together all the individual components. However, more importantly, it will aid you as you continue to expand your site, giving you the ability to