Currently Browsing: Web Design
Getting Started With Dreamweaver CS6 Fluid Grids
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..
1 Star2 Star3 Star4 Star5 Star (No Ratings Yet)
Loading ... Loading ...
Creating a PHP and CSS3 Powered About Page
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).
1 Star2 Star3 Star4 Star5 Star (No Ratings Yet)
Loading ... Loading ...
The Web Designer’s Guide to Comparing Photoshop and Fireworks
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...
1 Star2 Star3 Star4 Star5 Star (No Ratings Yet)
Loading ... Loading ...
Create A Minimal Portfolio Site Design
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...
1 Star2 Star3 Star4 Star5 Star (No Ratings Yet)
Loading ... Loading ...
Use Adobe Illustrator to Create a Clean Website Layout
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.
1 Star2 Star3 Star4 Star5 Star (No Ratings Yet)
Loading ... Loading ...
Build a Neat HTML5 Powered Contact Form
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,...
1 Star2 Star3 Star4 Star5 Star (No Ratings Yet)
Loading ... Loading ...
SASS and Compass for Web Designers: Grids and Sprites
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.
1 Star2 Star3 Star4 Star5 Star (No Ratings Yet)
Loading ... Loading ...
Design a Sleek Textured Blue Portfolio
Learn how to design a sleek and textured portfolio web design from scratch, including guide techniques, sketching/drawing tips and content placement.
1 Star2 Star3 Star4 Star5 Star (No Ratings Yet)
Loading ... Loading ...
How to Create an Effective Coming Soon Page
Today we showcase a user-requested tutorial, showing how we created the coming soon page for our upcoming network site: .
1 Star2 Star3 Star4 Star5 Star (No Ratings Yet)
Loading ... Loading ...
SASS and Compass for Web Designers: Building a Theme
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!
1 Star2 Star3 Star4 Star5 Star (No Ratings Yet)
Loading ... Loading ...
How to Create a Professional Web Layout in Photoshop
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!
1 Star2 Star3 Star4 Star5 Star (No Ratings Yet)
Loading ... Loading ...
Building a Responsive Layout With Skeleton: Starting Out
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...
1 Star2 Star3 Star4 Star5 Star (No Ratings Yet)
Loading ... Loading ...