From the course: CSS: Float-Based Page Layouts (2012)

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Page design tools

Page design tools - CSS Tutorial

From the course: CSS: Float-Based Page Layouts (2012)

Start my 1-month free trial

Page design tools

As I mentioned earlier, most web designers spend a tremendous amount of time planning and designing sites before they ever write their first line of code. As such, it's essential that you have a strong set of tools to help you with the design process. With that in mind, I want to spend a little bit of time talking about the tools that I use in my own design workflow and how they might be useful in your own. First I recommend getting a good sketchbook. Every one of my sites starts with a series of sketches. This allows me to get ideas down quickly, in a nonpermanent way, and I can take notes, write down measurements, and work through problems before I ever start creating digitally. In fact, I love working in sketchbooks so much that I continue to sketch things out and make notes throughout the entire design process. Next, I want to point out a few online tools that I use. First up, I want to show you Typetester. Now Typetester allows you to compare up to three different fonts to each…

Contents