Today I’m going to introduce you to Adobe’s take on Responsive Web Design; Fluid Layouts in Dreamweaver CS6. These allow designers to visually build their responsive layouts, mobile first, whilst Dreamweaver handles all the flexible calculations in the background. Let’s take a look..

Here we will be creating a simple about page that is powered by PHP, HTML5 and CSS3. It will present your contact information to your visitors, with an option for downloading it as a vCard (useful for importing it in third party applications).

Today, we’ll be taking a deeper look at the key differences between Photoshop and Fireworks and what they mean to web designers. This article is intended to be a guide for anyone trying to understand the benefits and drawbacks of each application. Our goal: to help designers to better understand their...

In this design tutorial, we’re going to create the clean, minimal portfolio design “Minimal”, available on ThemeForest as a or . We’ll also discuss the reasons why it works so well, and how you can create your own personal customization from the template. Check out the end of the post for 3 sweet...

This tutorial is perfect for the beginning to intermediate Adobe Illustrator artist. We’ll cover how to layout a website and prepare it for use on the web. Also, we’ll use the recently released to mock up the design as well.

In this tutorial, we are going to learn how to create a swanky HTML5 AJAX powered contact form. The form will use some of the new HTML5 input elements and attributes, and will be validated using the browser’s built-in form validation. We will use jQuery and Modernizr to help out with the older browsers,...

Let’s dive deeper into building the popular we’ve been working on. During this screencast we’ll be looking at grids in SASS, and we’ll also use one of my favorite features in Compass; automatic sprite generation.

Learn how to design a sleek and textured portfolio web design from scratch, including guide techniques, sketching/drawing tips and content placement.

Today we showcase a user-requested tutorial, showing how we created the coming soon page for our upcoming network site: .

We’re going to continue our look at SASS and Compass, this time preparing ourselves for a complete website template build. During the coming screencasts we’ll use a popular , translating it into an HTML/CSS project with our new found SASS and Compass skills. There’s lots to do, so let’s get going!

Designing good looking clean and functional Web layouts is an essential part of a Web Designers life. In this tutorial we are going to create a clean and professional Web layout in Photoshop from scratch. Along the way you can learn useful methods to create designs. So get started!

Dave Gamache’s provides the perfect foundations upon which to build responsive websites rapidly and reliably. We’re going to use Skeleton and build a responsive page based on the design featured on Webdesigntuts+ recently. We’ll be looking at everything from multiple background images, through...