Web Design Tutorials

Learn web design with thousands of free tutorials! Maybe you want to know how to build a site using WordPress themes, or maybe you want to master more advanced web design topics like interface design or motion design. Whatever you need, you'll find it here.

Stay up to date with the latest features and developments in CSS, Shopify, WooCommerce, and more. Learn how to design landing pages and email newsletters that stand out from the crowd and get people to take action. For all the web design tips and advice you need, our expert instructors have you covered!

Read less

Quick Tip: Create Your Own Simple Reset.css File
Far too many novice CSS designers don't realize the importance of creating a "reset.css" file. When you have an environment where each browser has its own...
Jeffrey Way
8 Aug 2008
HTML & CSS
Build a Newspaper Theme With WP_Query and the 960 CSS Framework
WP_Query is a powerful tool to control what comes out of your loop. Today I'm going to teach you all how to use it to make a 3 columned newspaper theme...
Harley Alexander
6 Aug 2008
WordPress
Solving 5 Common CSS Headaches
CSS is a relatively simple language to learn. Mastering it, on the other, can prove a little more difficult. Compensating for various browser...
Jeffrey Way
23 Jul 2008
HTML & CSS
Prototype a Magazine-Style Home Page Template with the Blueprint CSS Framework
When Collis launched this site and asked readers for tutorial requests, a common one was for a "magazine themes" how-to for blog platforms. This tutorial...
Raj Dash
28 Jun 2008
HTML & CSS
Creating a Floating HTML Menu Using jQuery and CSS
For all of us who deal with long web pages and need to scroll to the top for the menu, here's a nice alternative: floating menus that move as you scroll a...
Jeff Dion
27 Jun 2008
HTML & CSS
Which CSS Grid Framework Should You Use for Web Design?
Ever wondered how all those slick "magazine" themes for WordPress and other platforms were created? Many, if not all, were designed using a CSS Grid...
Raj Dash
21 May 2008
HTML & CSS
Create a Slick Tabbed Content Area using CSS & jQuery
One of the biggest challenge to web designers is finding ways to place a lot of information on a page without losing usability. Tabbed content is a great way...
Collis Ta'eed
23 Apr 2008
HTML & CSS
Designing a Family of Websites
For the most part web design isn't really about Photoshop technique, so it's always tricky writing a Photoshop tutorial on the subject. Still today I'm going...
Collis Ta'eed
22 Apr 2008
Web Design
Creating a PayPal Payment Form
Although it can have some issues, PayPal does provide a very simple way to take payments on a website. And with a little tweaking you can easily turn a...
Collis Ta'eed
22 Apr 2008
HTML & CSS