Category Archives: Blueprint Framework

Introducing the Baseline Development Wordpress Theme

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 [...]

By admin Also posted in JavaScript, css, web development, wordpress No Comments

Blueprint: Taking a Close Look at grid.css

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 [...]

By admin Also posted in css, web development No Comments

When Using a Grid Layout CSS Framework, Do the Math

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 [...]

By admin Also posted in css, web development No Comments

Getting Blueprint CSS & JavaScript Libraries Into Your CakePHP Layout

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 [...]

By admin Also posted in CakePHP, JavaScript, PHP, css, web development 1 Comment

Incorporating Blueprint CSS Into Your New Wordpress Theme

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 [...]

By admin Also posted in PHP, css, web development, wordpress No Comments