#Blueprint title austin texas software#

From a paper wireframe, we can layout our HTML template in Boks, a visual Blueprint CSS designer.

If you start with a wireframe (see my post on DIY Wireframing), you can have a pretty good idea of which elements on your web site are going to go where. Generally speaking, a grid CSS framework will provide a content area of about 950 pixels wide, which is a common content area on most web sites (for users with 1024×768 monitors).

#Blueprint title austin texas software#

For those of you who have been doing web development without a CSS framework, just getting that basic layout to work properly (without fixing the height of the content area) can be difficult.Ĭoming from a software developer background, a basic, fixed grid layout makes a lot of sense, both programmatically and visually. Many Drupal sites have a similar layout – a header, a footer, a content area, and one or more sidebars on either the left or right sides with the same height as the content area. The Drupal content management system works extremely well with grid-oriented layout solutions.

Blueprint also resets each browser’s CSS back to a common standard, and then builds from there. There are several other grid toolkits, such as 960.gs that are similar – each of these helps solve some of the most frustrating CSS layout issues. One shortcut I’ve found for creating great looking web pages is the Blueprint CSS grid framework, which is an open source toolkit that had its version 1.0 release on September 29, 2010. Making a good looking theme in Drupal can be frustrating, especially if you aren’t a graphic or web designer, and you don’t have an HTML/CSS template to work from. We’re going to create a Drupal 6 theme with the Blueprint CSS grid framework using the Boks visual layout designer.