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 - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Page design workflow3m 6s
-
(Locked)
Page design tools4m 56s
-
(Locked)
Determining page structure7m 18s
-
(Locked)
Creating image assets8m 58s
-
(Locked)
Creating initial page structure7m 3s
-
(Locked)
Adding meaning with classes and IDs5m 23s
-
Structuring content with HTML56m 6s
-
(Locked)
Building internal structure10m 25s
-
-
-
-
-
-
-
-