Resources for Web Design and Typography

These are some of my resources that I store here for easy access.  Feel free to explore.  I will continue to add new things as I find them useful. I started this more for my use and I have some pages I haven’t published yet.  I need to sort them.   Oh my!  It has gotten quite out of hand.  I keep adding links.

Web Standards Project
A grassroots coalition fighting for standards which ensure simple, affordable access to web technologies for all.

A List Apart
For People who make websites. A List Apart Magazine (ISSN: 1534-0295) explores the design, development, and meaning of web content, with a special focus on web standards and best practices.

VisCheck
Vischeck is a way of showing you what things look like to someone who is color blind. You can try Vischeck online- either run Vischeck on your own image files or run Vischeck on a web page. You can also download programs to let you run it on your own computer.

Juicy Studio
Check site readability. The mission of this website is to promote best practice for web developers in a fast moving industry. Whether you’re a novice or a professional, there’s something for you.

BlueRobot.com
CSS Layouts

CSS Zen Garden
A demonstration of what can be accomplished visually through CSS-based design. One standard XHTML document and a CSS file. Designers are encouraged to create new designs by only changing the CSS and add their own graphics.

Layers Magazine
The “How To” for everything Adobe

Type Tester
Compare Screen Type

Fontshop
Typeface Anatomy and Glossary

Color Scheme Designer
An application to select colors for web design

RNELdotNet
Webmaster Tutorials

Stock Vault
Stock Photo Sharing Resources.

Free Digital Photos

Foundations of Design and Typography
A course in basic graphic design principles and typography.

Web Pages That Suck
Learn good web design by looking at bad web design.

Cool Home Pages
Design Inspiration.

The Dao of  Web Design
How to “think” about the overall concept of web design.

Mehallo
I took his Typography class & History of Graphic Design.  Cool teacher, very animated.

Web Design Library
Designer’s resource

Lynda dot Com
Training Tutorials.

Web Design on About dot Com
Tutorials and tid bits on design.

Microsoft Typography
A good resource for fonts.

The Elements of Typographic Style Applied to the Web
A practical guide to web typography.

Identifont
Identify a typeface by answering questions about key features.

Logo Design Love
Logo Design Love is a website (and a printed book) devoted to the design of logos and brand identities. Launched as a side-project in January 2008, the blog is usually updated once or twice a week with news, features, opinions, etc.

Veer
Affordable images and fonts

Human Factors
10 Rules for usability principles of websites.

Learn CSS at W3Schools

W3C World Wide Web Consortium.

Web Developer’s Handbook

Sitepoint CSS Reference

CSS3 Basic Color Keywords

HSL Color Module for CSS3

CSS Measurement Values

CSS Resets

CSS Tricks (Blog)

CSS Frameworks

blueprint

52 framework

960 Grid System

YUI 2: Grids CSS

css-boilerplate

Baseline
Frameworks with advanced Typographic styles

CSS Preprocessors

Less

Sass

CSS Editors

Notepad++

Snap CSS

Simple CSS

Style Master

Stylizer

CSS3 Generator

CSS3Generator (same name different program)

CSS3 Please

Layer Styles

CSS3 Playground

CSS3 Maker

Ultimate CSS Gradient Generator

Western Civ  (Cool Tools and Toys for Web Developers)

W3C Markup Validation Service (test code for standard compliance)

CSS Lint

****

Digital Image Tutorial

Basic Terminology

Digital Image File Types
Explanation of different digital image file types

Type by Ellen Lupton book companion
If you are reading Type, this is the site with loads of information that goes with the book.  It will add to your knowledge and reading experience.

Choosing and Using Type
More typography

Photoshop Tutorials

The Importance of Masking
Make sure you understand the concept and application of layer masking and get some good experience because it is one of the most practical AND professional things you could ever learn in Photoshop and you will continuously use it as a graphic designer.

Read more: http://www.webdesign.org/photoshop/articles/the-importance-of-layer-masking.223.html#ixzz1dR2TRYHY

Photoshop Top 40

Photoshop Essentials – Masking

Digital File Types Explained
JPG, GIF, TIFF, PNG, BMP. What are they, and how do you choose? These and many other file types are used to encode digital images. The choices are simpler than you might think.

DekeOnline
Electronic publishing pioneer Deke McClelland is a popular lecturer on Adobe Photoshop and the larger realm of computer graphics and design.

Deke McClelland goes through 101 shortcut tips in 5 minutes

Planet Photoshop
Online Magazine

Photoshop User
Online Magazine

Photoshop User TV
Tutorials

Photoshop Support
Tutorials

The Photoshop Roadmap
Tutorials, plugins and downloads

Texturing 101 by Dave Wilson
Dave Wilson ages a Coke can.

Adding Colored Text to Grayscale 

Megg’s History of Graphic Design Study Guide