February 8, 2010 – 7:53 pm
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 [...]
November 9, 2009 – 8:31 pm
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 [...]
December 16, 2008 – 12:09 pm
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 [...]
November 26, 2008 – 1:55 pm
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 [...]
November 23, 2008 – 9:07 am
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 [...]
November 22, 2008 – 3:25 pm
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 [...]
November 22, 2008 – 2:45 pm
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 [...]