归档为 ‘产品编码’ 分类

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开发中”框架”是一个相当时髦的词。比如JavaScript 框架 YUI、 JQuery和Prototype 都引起广泛的关注, Web应用框架Rails and Dojo 更是引人瞩目,仿佛所有人都使用某种框架来开发自己的网站。但究竟什么是框架?是不是框架仅仅是对程序员有用,设计师是否可以从中收益?
什么是框架?
为了便于沟通,我们给“框架”统一一个定义(至少在本篇文章中是统一的):一套包含工具、函数库、约定,以及尝试从常用任务中抽象出可以复用的通用模块,目标是使设计师和开发人员把重点放在任务项目所特有的方面,避免重复开发。通常的讲,框架就是上面提到的JavaScript框架和Web应用框架。
需要强调说明的是,我们不必讨论构造、打包发布,相反,一个框架只为你或你的团队使用即可。

继承是 css中经常要用到的技术,好处是可以尽量让页面的代码减少重复利用,但是随时项目越来越大,需求的不断变化,css代码就会变得越来越臃肿,后期难以控制和维护。其实,css代码和普通程序代码在编写的时候有很多的相似之处,下面我们就用试试用组合的方式是不是能更好的解决这个问题。
下面是一段普通的代码:
css:
.box{
  border:1px solid #ccc;
  font-size:12px;
  background:#f1f1f1;
  padding:10px;
}
html:
<div class="box">this is  a gray box</div>

W3C出品的所见即所得的网页编辑/浏览器, 支持HTML 4.01, XHTML 1.0, XHTML Basic, XHTML 1.1, HTTP 1.1, MathML 2.0等格式,
支持包括Linux, Windows and MacOS X PowerPC and Intel在内的多种操作系统.
主要功能:
• Amaya lets users both browse and author Web pages
• Amaya maintains a consistent internal document model adhering to the DTD
• Amaya is able to work on several documents at a time
• Amaya helps authors create [...]

代码设计原则

20, 十 2007

这些话是从《设计模式 head first》中摘录的,句句都是经典,细细体会就会有很大的收获,这些原则,不仅仅用于标准的程序开发,也适合css/html页面代码的设计和产品的需求设计
1、找出应用中可能需要变化之处,把他们独立出来,不要和那些不需要变化的代码混在一起。
2、针对接口编程,而不是针对实现编程。
3、多中组合,少用继承。
4、为了交互对象之间的松耦合设计而努力。
5、类应该对扩展开放,对修改关闭。
6、要依赖抽象,不要依赖具体类。
7、最少知识原则:只和你的密友谈话。
8、别调用(打电话给)我们,我们会调用(打电话给)你。
9、一个类应该只有一个引起变化的原因。


top