Oct 10, 2010
cosmos 
category :
Introductory Information and General Learning Resources
General resources for learning web design
The sites listed below are excellent places to find loads of content aimed at people who are looking to learn more about web design and front end development. Much of the content is free but some of it is available for a membership fee, which may be worth the cost to save yourself some time in tracking down the right resources.
Resources to Learn HTML
HTML is of course one of the fundamental aspects of web design. There are a number of resources and tutorials out there that are aimed at beginners.
HTML and CSS – The VERY Basics (video)
Learn HTML and CSS: An Absolute Beginner’s Guide
The Most Common HTML and CSS Mistakes to Avoid
10 HTML Tag Crimes You Really Shouldn’t Commit
12 Principles for Keeping Your Code Clean
Resources to Learn CSS
CSS (Cascading Style Sheet) coding will control the presentation of the website and should also be a major area of focus for beginners.
CSS Beginner Tutorials from CSSDog
An In-Depth Coverage on CSS Layers, Z-Index, Relative and Absolute Positioning
30 CSS Best Practices for Beginners
20 Useful CSS Tips for Beginners
Resetting Your Styles with CSS Reset
CSS In Depth: Margins, Padding & The Box Model
CSS Do’s and Don’ts Part 1: CSS Selecting
CSS Do’s and Don’ts Part 2: Markup
Learn CSS Positioning in 10 Steps
Using CSS 3 (video)
Typography
Typography is an important aspect of web design that impacts not only the look of a site, but also the readability and user experience.
6 Ways to Improve Your Web Typography
8 Simple Ways to Improve Typography in Your Designs
20 Do’s and Don’ts of Effective Web Typography
Usability
Even an attractive website won’t be very effective if it is not usable. Creating user-friendly website should be a priority throughout the design process.
10 Useful Usability Findings and Guidelines
8 Characteristics of Successful User Interfaces
Accessibility
Like usability, accessibility is critical for the success of a website. If visitors cannot access the site and it’s content, it will be useless to them.
Introduction to Web Accessibility
An Idiot’s Guide to Accessible Website Design
Evaluating Website Accessibility
Layouts
The resources provided here will teach you about the different types of layouts and some keys to creating effective layouts.
Fixed vs. Fluid vs. Elastic Layout: What’s the Right One for You?
Ultimate Guide to Grid-Based Web Design: Techniques and Tools
Colors
Color choices have a huge impact in web design. In this section you’ll find resources for learning the basics of color theory and color psychology, as well as some tips for using available resources to help with picking a color scheme.
A Guide to Choosing Colors for Your Brand
A Look into Color Theory in Web Design
How to Use Color to Enhance Your Designs
The Design Process
Part of being an effective web designer is establishing a process for your design projects. In this section you’ll find some resources that teach various aspects of the design process.
Creating an Effective Mood Board (video)
The Value of Paper Prototyping
Using Wireframes to Streamline Your Development Process
Browsers
One of the biggest frustrations for new web designers is dealing with browser inconsistencies. In this section you’ll find some information that will help you to understand browsers, as well as some resources for testing your websites.
IE CSS Bugs That’ll Get You Every Time
9 Most Common IE Bugs and How to Fix Them
Tags: 
