xStyle alpha 1.0 发布

xstyle

xStyle 是一个非常简单的 css framwork,如果您是一名css老手那么简单看一下代码就可以立即用用到您的项目开发中去,即使是新手也只需要话5分钟看一下cheat sheet 即可使用,如果看了cheat sheet您都不会用的话,哪您最好找一本css入门教程看一下了。

   xStyle的特点:
   1、页面松耦合:xStyle 和其它css framework的最大的最大区别就是,完全和页面的结构没有关系,或者说是特别轻的相关性,大多数的属性都是一次性定义一个html元素即可。

   2、从新定义和封装:xStyle中封装了许多css现有的属性,譬如margin padding font 这些,从表面上来说是降低了灵活性,但是在实际项目开发中却提高了代码重用度和统一性,而且当程序员问你这里的要用什么字体颜色,什么样的边距的时候,你只需要告诉他加上一个xxxclass就行啦。

   3、快速部署:xStyle中包含了css项目开发中最常用的定义方法和一些小工具,您只需要稍微修改一下就可以快速的应用到你的项目开发中去。

   4、良好的扩展性:xStyle不仅仅是一个css framework,更是一种高效快速css开发方式,里面的代码您可以按照里面的方式自己进行随意更改和补充,然后修改成你公司或你自己的css framework。
 
   xStyle现在还是一个很简单的版本,由于时间仓促还有很多不足,如果有什么bug和意见希望大家通过 xwxwxw[at]gmail.com 与我联系。

下载地址:http://xstyle.d8in.com

收集的一些css framework

css Framework

YUI CSS库
http://developer.yahoo.com/yui/

YAML(Yet Another Multicolumn Layout)
http://www.yaml.de/en/

Content with Style: A CSS Framework
http://www.contentwithstyle.co.uk/Articles/17/

Blueprint
http://code.google.com/p/blueprintcss/

tripoli
http://monc.se/tripoli/

Elements
http://elements.projectdesigns.org/index.html

WYMstyle: a CSS framework
http://www.wymstyle.org/en/

taffy-css-framework
http://code.google.com/p/taffy-css-framework/

理解Web框架,和如何构建一个CSS框架[转][译]

framework

去年在网上看了这篇文章是英文的,最近找一些资料发现有人已经翻译成中文了,特此拿来给大家分享

近来,在Web开发中”框架”是一个相当时髦的词。比如JavaScript 框架 YUI、 JQuery和Prototype 都引起广泛的关注, Web应用框架Rails and Dojo 更是引人瞩目,仿佛所有人都使用某种框架来开发自己的网站。但究竟什么是框架?是不是框架仅仅是对程序员有用,设计师是否可以从中收益?

什么是框架?

为了便于沟通,我们给“框架”统一一个定义(至少在本篇文章中是统一的):一套包含工具、函数库、约定,以及尝试从常用任务中抽象出可以复用的通用模块,目标是使设计师和开发人员把重点放在任务项目所特有的方面,避免重复开发。通常的讲,框架就是上面提到的JavaScript框架和Web应用框架。

需要强调说明的是,我们不必讨论构造、打包发布,相反,一个框架只为你或你的团队使用即可。
继续阅读“理解Web框架,和如何构建一个CSS框架[转][译]”