headermask image

header image

category archive listing Category Archives: BluePrint

BluePrint学习笔记

 screen.css导入所有样式文件
@import ‘lib/reset.css’;
@import ‘lib/typography.css’;
@import ‘lib/grid.css’;
@import ‘lib/forms.css’;
@import ‘plugins/buttons/buttons.css’;
@import ‘plugins/buttons/css-classes.css’;
@import ‘plugins/buttons/fancy-type-compressed.css’;
/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import ‘plugins/buttons/buttons.css’; */
  
/* See the grid:
   Uncomment the line below to see the grid and baseline.
   .container { background: url(lib/grid.png); } */
/**
     lib/grid.css 
   By default, the grid is 950px […]

blueprint–css framework研究(转)

介绍
blueprint是一个所谓的css framework,相比较而言blueprint 代码中的注释还是比较详细的。
按照Jeff Croft的Frameworks for Designers(或中文版本 理解Web框架,和如何构建一个CSS框架)描述的如何构建一个css framework的方法:
    There are several possible ways to go about building a framework, but the most common and arguably the most useful is to abstract your common CSS into individual stylesheets that each cover a particular part of the whole. For example, you may have a stylesheet that sets […]

推荐CSS FrameWork

BlurePrint (正在使用,架构蛮清晰)
http://code.google.com/p/blueprintcss/
Yahoo! UI Library: Grids CSS
http://developer.yahoo.com/yui/grids/
Mike Stenhouse
http://www.contentwithstyle.co.uk/Articles/17/
Mollio
http://www.mollio.org/

BluePrint官方教程

Tutorial  
Here’s a quick tutorial on how you start using Blueprint.
In addition to the tutorial below, this tutorial by Blueflavor gives you a good intro to Blueprint.
Installation
Blueprint should be put in your site’s CSS directory. After you’ve done that, add these two lines to the <head> of your pages. Remember to make sure the href […]

BluePrint布局大作战(百度贴吧篇)

BluePrint是一款CSS开发框架,避免程序员重复工作,提交Web前台布局效率。它内置的plugin插件蛮不错,制作出来的按钮太爽,配色一流咧!
闲暇之余,用BluePrint依照百度贴吧来试试手,效果不是很好。大家将就将就一下。
http://www.xsifili.com/wp-content/uploads/layout-tieba.rar 

BluePrint–CSS FrameWork(转)