Homework – Read Ch 7

Resources

Read Chapter 7 in CSS Mastery – Styling Forms and Data Tables

PSD Layer styles examples

Resources

Here are some more buttons and interface elements in layered PSDs. These all use vector shapes and layer styles for maximum editability. Pick them apart, try to change the colors, tweak the adjustment layers, save the styles and figure out Read More

Fonts designers should avoid

Resources

 I set out looking for articles about fonts that are so cliche, so poorly designed that they should never be used by anyone, especially “designers”. I was surprised I didn’t find more on the topic! These fonts are my top Read More

Beautiful HTML Code

Resources

Excellent graphic showing a well structured HTML page – check it out! Original Blog Post

photoshop e-book bundle

Resources

The Smashing Magazine Mastering Photoshop for Web Design books are available as an eBook bundle (both books are available separately as well). Highly recommended reading for the detail-oriented photoshop designer!

Slicing in-class demo file

Resources

Slicing demo PSD

Video files

Resources

More web font choices – Google font directory

Resources

This is selectable text, styled with CSS! Google font API and the google font directory is a project aimed at offering more choices in web fonts, the legal way! Benefits of the Google Font API include: * A choice of Read More

Wirify Wireframes

Resources

Wirify bookmarklet lets you turn any web page into a wireframe in one click, allowing for focus on the structure of a webpage by hiding the content. It’s free and easy to use, just follow the arrow and drag the Read More