大多数的Web设计者大都听说过“CSS Framework”, 相信一些人已经开始尝试使用过其中的一些了。
CSS就像其他的编程语言和脚本语言一样,在日常的编写过程中有很多的重复代码,这些重复代码也可以被整合在一起,从而减少重复劳动,使工作变的更简单。
使用CSS Framework, 可能会减少你的开发时间和提高效率,另一方面,如果选择了错误的框架反而会增加额外的工作量和工作时间。
现在有很多开源的CSS Framework,使用google便可以轻松的得到它们。今天,我将展示10款值得一看的框架,相信以后它们可以发展的很好。
-
Blueprint: A CSS Framework
Blueprint 是名气最大,最近很火的一个框架,它的CSS实现很好的控制了不同浏览器之间的差异,使用它可以轻松的做好浏览器兼容性。框架里面还包含了许多扩展工具和模板来帮助实现Web开发。
参考:http://www.cnite.net/blog/?p=122
-
960 Grid System
另外一款出色的CSS Framework,下载的文件中包括了可供Fireworks, Photoshops, Inkscape和其他软件使用的模板,你可以马上就开始Web模板的设计。PSD文件和向导可以节省开发者大量的时间。 -
Tripoli Framework
Tripoli尝试支持所有的浏览器,甚至是IE5,包括一些基础文件和布局,类型等插件(很可惜,翻译的时候这个网站已经打不开了)。
-
YAML – Yet Another Multicolumn Layout
YAML号称是一款“防弹”的CSS Framework,它有非常好的文档,可以从官网上下载它的PDF文档和例子,从而更快的上手,框架中也同样提供了一些方便的工具,例如使用YAML Builder可以直观的创建基于YAML的CSS布局。
-
YUI Grid CSS
YUI Grids CSS 支持固定宽度和浮动宽度的布局,对浮动宽度布局的支持是它的一大优势。从官方网站上下载YUI的备忘单(cheat sheet)和YUI Grids Builder来开始你的学习吧。
实际上YUI是yahoo提供的一整套Web开发辅助框架,不但是CSS布局,很早的时候就有YUI的JavaScript框架了,现在发展的也很好,有兴趣的朋友可以关注一下
-
BlueTrip
BlueTrip是一个全功能和华丽的框架,结合了不同的CSS框架的优势。官方网站提供了完整的文档和例子。
-
Content With Style
这是一个固定宽度的布局框架,压缩文件中包括了一些一列和多列的纵向导航的布局,当然还有其他的布局。
-
Elastic CSS Framework
Elastic 提供了一套用声明性语言来定义的布局结构和行为。这是一个年轻的框架,在它的官方网站上有使用Elastic 实现的例子,是很好的参考资料。(网站很炫哦)
-
Molio CSS/HTML Templates
Mollio自推出IE7的渲染而暴露了一些问题, 它是一个网站布局的起点,非常适合初学者开始CSS Framework的学习。
-
SenCSS
SenCSS并不包括一套布局系统,但是它提供了另外一些诸如基准线、字体、内外边距的支持。它配备了一个评论版和最小化版本,适合开发士气的使用。
另外的一些CSS Framework
小结
选择一款正确的CSS Framework是非常重要的一步,我在开发中同时使用Blueprint 和 960, 并且现在开始整合各个框架的优势希望能整理出一个适合我的框架,那么,亲爱的读者你呢?
<script type="text/javascript"><!-- AKPC_IDS += "158,"; // --></script>
相关推荐
CSS Framework Alternatives 英文epub 本资源转载自网络,如有侵权,请联系上传者或csdn删除 查看此书详细信息请在美国亚马逊官网搜索此书
<link rel="stylesheet" href="../css/screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="../css/print.css" type="text/css" media="print"> <!--[if IE]> ...
CSS Framework Alternatives
This is a code copy for Emastic, which as so fas as saying, is a hackable CSS framework,which home page is [ https://code.google.com/p/emastic/ ]. This copy comes from the politics reason between ...
NULL 博文链接:https://fonny.iteye.com/blog/901756
Learn how to use lightweight CSS framework alternatives to build intuitive websites. This book presents five project examples that use Skeleton, Miligram, UI Kit, Material Design Lite and Susy.
CSS Framework Alternatives 英文无水印原版pdf pdf所有页面使用FoxitReader、PDF-XChangeViewer、SumatraPDF和Firefox测试都可以打开 本资源转载自网络,如有侵权,请联系上传者或csdn删除 查看此书详细信息请...
Blueprint 是一个 CSS 框架,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,BP由一个易用的网格、合理的布局和一个打印样式。
ASP.NET MVC with Entity Framework and CSS by Lee Naylor 2016 | ISBN: 1484221362 | English | 608 pages | True PDF | 30 MB This book will teach readers how to build and deploy a fully working example ...
[Apress] ASP.NET MVC with Entity Framework and CSS (英文版) [Apress] ASP.NET MVC with Entity Framework and CSS (E-Book) ☆ 图书概要:☆ This book will teach readers how to build and deploy a fully ...
ASP.NET MVC with Entity Framework and CSS.pdf Apress Lee Naylor
作为开发者,大家都用过很多优秀的框架,估计很少人用过CSS框架,现在这儿,就有一个,,由老外开发,很优秀,集成了很多强大的应用。
ASP.NET MVC with Entity Framework and CSS pdf图书+源代码
NULL 博文链接:https://gznofeng.iteye.com/blog/256139
Jquery ui css framework是jquery ui中的一个样式框架,可以利用jquery Theme roller 来生成自己想要的css样式效果。我们可以利用jquery ui的一些框架来开发出基于jquery ui css framework效果的插件来。
Teutonic CSS是一个现代的网页设计系统,用于开发响应迅速,可访问的网站和Web应用程序。 它基于CSS变量,易于定制和扩展。 它具有像CSS Grid这样的酷炫技术。
bulma-scss:Bulma SCSS-Bulma CSS Framework文件转换为SCSS语法
Bootstrap Sleek, intuitive, and powerful front-end framework for faster and easier web development
ASP.NET MVC with Entity Framework and CSS 英文pdf 2016版