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.
Grid design resources - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
Grid design resources
Before we move on to the lab, I want to leave you with some of my favorite tools and resources for working with grid-based designs. And I've included this file for you in the 05_06 directory; it's the grid_resources.htm file. Now, the first site I want to take you to it is Design by Grid. Now, this is a great collection of articles, tutorials, and resources on designing with grids, and they also have a nice showcase of sites that focus on grid-based design. Perhaps my favorite site in dealing with grid-based layout is The Grid System, and you can see they have different articles. They have some tools that can help you design with grids. They have different books, links to grid-based templates, and a blog. Now, you'll notice from these dates that they haven't updated in a while, so I'm not really sure what the long- term prospects for the site is, but the articles and the information and the tools that you'll find on the site are invaluable. So even just because they're a couple of…
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
-
-
-
-
-
-
-
(Locked)
Design considerations for fixed layouts3m 28s
-
(Locked)
Establishing the layout grid7m 57s
-
(Locked)
Defining column spacing9m 30s
-
(Locked)
Applying the grid through CSS8m 56s
-
(Locked)
Creating grid-based assets8m 26s
-
(Locked)
Grid design resources6m 22s
-
(Locked)
Building fixed layouts: Lab4m 7s
-
(Locked)
-
-
-
-