Category Archives: css

Introducing the Baseline Development Wordpress Theme

I’ve come up with some habits that I’ve developed from building themes for Wordpress over the years. One, is to start with a nearly blank style sheet. I also like to hook in several JavaScript libraries and CSS frameworks from the start to take advantage of things like JQuery, Blueprint’s CSS reset and Superfish menus.
I’ve [...]

Blueprint: Taking a Close Look at grid.css

About Blueprint
Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.
.container

18
19
20
21
22
/* A container should group all your columns. */
.container {
width: 950px;
margin: 0 auto;
}

container is [...]

When Using a Grid Layout CSS Framework, Do the Math

I recently spent an entire weekend trying to troubleshoot why Internet Explorer 6 kept wrapping the rightmost DIV in my design to the bottom of the page when no other browser did. In my case, I was using the Blueprint CSS framework that creates twenty-four 30 pixel columns, each with a 10 pixel right margin [...]

Getting Blueprint CSS & JavaScript Libraries Into Your CakePHP Layout

Updated 12/3/2008
The other day I wrote about getting the Blueprint CSS framework into your Wordpress theme. If you’re developing in CakePHP, it’s even easier to link multiple style sheets and JavaScript libraries to your layout file.
<?php
$css = array(‘blueprint/screen’, ‘blueprint/ie’, ’style’);
$jslibraries = array(‘prototype’, ’scriptaculous’, ‘jquery’);
echo $html->css(‘blueprint/print’, ’stylesheet’, ‘media=”print”‘);
echo $html->css($css, ’stylesheet’, ‘media=”screen, projection”’);
echo $javascript->link($jslibraries);
?>
Let’s take these one [...]

Incorporating Blueprint CSS Into Your New Wordpress Theme

If you’re familiar with the Blueprint CSS framework, you already know it can make your life a lot easier. So how do you get it into your Wordpress theme? Luckily, Wordpress is designed to make your life easier too.
I’m assuming your know the basics of Wordpress Theme Development. That is, at the very least you [...]

Blueprint CSS Tutorial File

Just like the README file for Blueprint CSS, I wanted to refer to the TUTORIAL file in a more readable format. Here it is formatted for easy reading.
Blueprint CSS Framework Tutorial
Welcome to this tutorial on Blueprint. It will give you a thorough intro to what you can do with the framework, and a few notes [...]

Blueprint CSS Readme File

Author’s note: This is word for word post of the Blueprint CSS file only because I’m tired of pulling up the text file and I’d rather read it in a nicely formatted HTML page. I’m sure others would prefer that too.
Blueprint CSS Framework Readme
Welcome to Blueprint! This is a CSS framework designed to cut down [...]