Skip to content

Category Archives: design

Useful Links: CSS3 dropdown, Facebook metrics, Manage Twitter

CSS3 Dropdown Menu from Web Designer Wall is a beautiful menu and a well written and illustrated tutorial. Great piece of work.
How are you using metrics, benchmarks, and experiments to improve your Facebook presence? is posted on Facebook by Beth Kanter. ) She’s focused on nonprofits, but mentions some tools that would work on the [...]

Have you thought about the gender choices on web forms?

I’ve never had a problem selecting the Female option on a form asking me whether I’m male or female. Never a pause for thought, never an unsure moment. Nothing in my long life ever prompted me to hesitate over the choice between male or female.
An easy choice is probably the case for most people.
But it’s [...]

Review: Web Design for Developers

product

A review by Web Teacher of Web Design for Developers: A Programmer’s Guide to Design Tools and Techniques (Pragmatic Programmers)
(rating: 3 stars)

Web Design for Developers: A Programmers Guide to Design Tools and Techniques by Brian P. Hogan, is, as the title suggests, aimed at developers rather than at designers. In just over 300 pages, Hogan [...]

Designing with Structural Thinking

In the old days, many of us learned to make web pages by first thinking about the “look” and what images, fonts, color schemes, and graphic design elements we would use to achieve it. We launched Photoshop or Fireworks and played with the look until we knew precisely (down to the pixel) what the page [...]

Site Testing Checklist

It’s wise to test your site as you’re building it. Check your pages for accessibility, for validity, for appearance and function as you go along. Don’t wait until you’re finished to think about things like valid code and accessibility.
Even when you do those things as a normal part of your process, you still need to [...]

Useful Links: Soma FontFriend, accessibility, high tech movies

In case you haven’t already picked this bookmarklet up from Zeldman’s blog, here’s Soma FontFriend. “This is a bookmarklet made for web designers who want to rapidly check how different fonts and font styles look on their screen without editing code and refreshing pages.”
Keeping an aging population online looks at accessible forms.
It seems problem for [...]

Useful Links: Social media your presentations, Design with intent, future ed, accessibility in business

We’re all presenters–in the classroom, at conferences, among your colleagues. Here are 9 Tips for Enriching Your Presentations with Social Media. One of the tips in the article is about the backchannel, a topic I’m interested in and have talked about here and here and from SXSWi and again here as well as at BlogHer. [...]

Style Fieldsets like a Pro

Just a few CSS rules can make your fieldset look like it was styled by a pro. A fieldset is used to organize forms into sections that can be identified with labels called legends. We’re going to start this discussion looking at a fieldset with no legend. We’ll get to legends in a bit.
Here’s a [...]

Review: Handcrafted CSS

product

A review by Web Teacher of
Handcrafted CSS: More Bulletproof Web Design, Video Edition (includes Handcrafted CSS book and Handcrafted CSS: Bulletproof Essentials DVD)
(rating: 5 stars)

Handcrafted CSS: More Bulletproof Web Design by Dan Cederholm with Ethan Marcotte is from New Riders (2010). It’s a beautiful book designed by Cederholm himself. Most of it was written by [...]

Review: Fancy Form Design

product
A review by Web Teacher of

(rating: 5 stars)

Fancy Form Design by Jina Bolton, Tim Connell and Derek Featherstone is from Sitepoint Book (2009). This is really an excellent little book. It gives you tips on planning and designing a form that is both attractive and usable. It provides information on structuring the form using standards-based [...]