Why Most People Skip the Second Edition
Robin Williams' Web Design Tools And Techniques 2nd Edition came out in 2010 and covers a lot of ground between its covers. The first edition established the visual design foundation, and the second edition expanded it to include more on layout systems, typography, color theory, and the practical side of working with CSS and HTML in a way that didn't require relearning everything from scratch. I've gone back to it periodically over the years, and it still holds up for certain things even though the web has moved on significantly since publication. The book isn't a tutorial for every tool under the sun. It's more of a reference and mindset book. You'll get chapters on grid systems, navigation design, form design, color psychology for interfaces, and the actual implementation side using HTML and CSS. What makes it useful is that Williams doesn't just tell you what looks good — she explains why certain layouts fail and how to diagnose problems before you spend hours tweaking pixel values that don't matter.
Web Design Tools And Techniques 2nd Edition: What Actually Stands the Test of Time
The sections on typography and color are still genuinely solid. The chapter on type scales and how to build a coherent typographic hierarchy from scratch is worth more than most paid courses I've seen online. She walks through how to pick a heading size, derive all other sizes from it using a ratio, and then actually apply that consistently across a layout. Most people skip this because it feels tedious until they realize they've been guessing at font sizes for years. The color chapter covers the 60-30-10 rule, complementary and analogous schemes, and how to use color to guide attention without relying on brightness alone. One practical tip from the book that I actually use regularly: she recommends building your color palette from a photo or natural image when you're stuck. Pick three dominant colors from an image you like, desaturate them slightly for web use, and you have a starting point instead of picking random hex codes from a wheel.
Where The Book Shows Its Age
I'm going to be blunt about this. The tool coverage is dated. When the book talks about web design tools, it's referencing Fireworks, Dreamweaver, and older CSS approaches. If you're looking for a step-by-step walkthrough of how to use Photoshop or Illustrator for web assets specifically, you'll need to supplement this with something more current. The core principles around layout, spacing, and visual hierarchy haven't changed much, but the implementation details have. The CSS chapter covers float-based layouts and older positioning techniques. Flexbox and grid are nowhere to be found since they weren't browser-ready at the time of publication. That means if you go into this book expecting to learn modern responsive design implementation, you're going to walk away with good design theory and outdated code examples. It's not a dealbreaker if you understand that separation, but it does narrow the book's practical utility significantly for someone starting out today. There's also a section on accessibility that touches on the basics, but it doesn't cover ARIA attributes, semantic HTML best practices, or the WCAG 2.x guidelines in any depth. If accessibility is important to your workflow — and it should be — you'll need to pair this with a current resource on that front.
Get the Full Details
A Specific Problem I Had With This Book
When I first tried to apply the grid system chapter to a real project, I ran into an issue. The book uses a 960-pixel grid system as the default example, and while it explains how to adapt it, it doesn't walk through the process of setting up a custom grid for a non-standard container width with consistent gutters and margins across breakpoints. I spent about two hours trying to reconcile the book's static grid approach with a responsive layout I was building. The workaround I ended up using was to take the principles — column count, gutter width, margin consistency — and translate them into CSS custom properties. I defined a base unit, set up the grid as CSS variables, and then used those variables throughout the layout. It took longer upfront but made the whole system adjustable by changing one number. The book gives you the conceptual framework for this; it just assumes you'll do the translation yourself. Another thing that tripped me up: the book's color examples are mostly presented in print with physical swatches. Translating those to screen colors required some manual adjustment because print CMYK values don't map cleanly to RGB. I ended up using a tool like Adobe Color to convert and refine the palettes rather than trying to match them exactly from the printed pages. Not a huge deal, but worth noting if you're working from a physical copy.
Who This Book Is Actually For
If you're a visual designer moving into web work and you need to understand why your layouts feel off even when you know the basics of HTML and CSS, this is useful. If you're a developer who wants to make better design decisions without always waiting for a designer, the typography and layout chapters will serve you well. If you're looking for a tool-specific tutorial or the latest responsive techniques, skip it and grab something published after 2015. The book is also decent as a quick reference when you're stuck on a design problem mid-project. The navigation chapter, for instance, covers decision trees for choosing between horizontal nav, vertical sidebar, and hamburger menus based on content hierarchy and audience context. It's the kind of thing you might not think about until your user testing shows people can't find the main sections.
Where To Get It
You can find the book on Amazon, Barnes & Noble, and other major retailers. It's available in paperback and as an ebook through most platforms. Some libraries carry it too if you'd rather not buy a copy that covers mostly static design concepts. The price is reasonable for what you get — it's not a 600-page textbook, more like a focused guide at around 200 to 300 pages depending on how you count the appendices and reference sections. There's also a companion website that used to host supplementary files and resources, but I wouldn't count on those still being actively maintained. The book itself contains enough standalone value that the missing extras aren't a major loss.
The Honest Bottom Line
This book will make you a better designer if you already know your way around the tools. It won't teach you how to code a modern responsive site, and it won't replace a current CSS reference or a framework documentation page. What it does well is teaching you how to look at a layout and understand what's happening beneath the surface — spacing, rhythm, visual weight, hierarchy. Those skills transfer regardless of what tools or frameworks you end up using. If you buy it, read the typography and color chapters first. They're the densest with actionable knowledge. Skip ahead to the layout sections when you have a project that's looking wrong but you can't pinpoint why. Don't expect the code examples to be copy-paste ready for a 2026 project. The ideas are still good. The implementation has moved on.
