【转】14个最佳的HTML/CSS设计和开发框架
专业的网页设计是既复杂又耗时的。它需要HTML和CSS框架的完美结合。这些框架不仅可以为设计方案增加特定的功能,还可以大大地节省时间和精力。
高效的框架不仅是网站设计的基础,它提供的各种丰富多彩的功能,还提高整体的功能和性能。一个网站的外观和设计完全可以通过一些完美和可靠的工具而彻底改头换面。现在,越来越多的网页设计师和编辑人员选择使用CSS框架来创建网站。
所以,如果你正在寻找一些高效的HTML和CSS框架,那么不妨继续看下去——众里寻他千百度,蓦然回首,那人却在灯火阑珊处。
1)CSS框架——Gumby
Gumby是最好的框架之一,配备了各种有用的和有效的功能。它预置的设计和通用的界面元素,有助于我们创建完美的网站。Gumby框架还允许根据要求定制网格。

官方网站:http://gumbyframework.com/
2)CSS框架——Semantic UI框架
Semantic UI也是一个非常有用的网页设计框架。通过允许用户创建界面共享语言来授权给设计师。各种功能和3D动画也是不可小觑的功能。相比于其他框架,它更容易使用。

3)CSS框架——YAML框架
下面要说的是YAML。这是一个设计灵活,方便和响应网站的理想工具。它提供了一系列有效的功能。同时,它还带有Ajax Builder,可以保证基于YAML的CSS布局的可视化开发。

官方网站:http://www.yaml.de/
4)CSS框架——blueprint
在网页设计项目中,blueprint框架也是一个不错的助手。它提供了一个坚实的基础,可以用来为你的项目打造漂亮的表单、样式表和易于使用的网格和排版。这是用来打造复杂的网页设计最好的框架之一。

官方网站:http://www.blueprintcss.org/
5)CSS框架——Toast
Toast是一种可靠的CSS框架,可以使得布局更简单,并允许用户轻松地添加填充物和边框。这是互联网上最好最简单的网页设计框架之一。

官方网站:http://daneden.github.io/Toast//
6)HTML和CSS框架——Bootstrap
Bootstrap是现在网上最流行的HTML、CSS和JS框架。这工具非常有用,被大量的网页设计师用于为移动和其他设备开发响应式的、功能丰富的网站。
7)Web框架——Kube
Kube框架也是网页设计过程中的重要组成部分。它是一个自适应和响应式的工具,可用于支持网站设计。它有效的功能和可靠的性能有助于我们快速轻松地创建网站。
官方网站:http://imperavi.com/kube/
8)CSS框架——Columnal
columnal框架是一个有效的CSS网格系统,并有少许的自定义代码。这是一个弹性网格,为方便快捷的网页设计提供了特殊功能。因此,如果你想高效的网页设计结果,这个框架是最好最可靠的选择。

9)CSS框架——Pure
还有一种高效的网页设计框架是Pure。它拥有一系列小型的,响应式的CSS模块,几乎所有的网页设计项目中都能派上用场。

官方网站:http://purecss.io/
10)HTML/ CSS框架——Clank
Clank是一款用于手机和平板电脑app的HTML/ CSS框架。它使用Saas作为CSS的预处理器,来达到为移动和平板设备快速开发的目的。

官方网站:http://getclank.com/
11)HTML5和CSS3——52Frameworks
这也是一款非常棒的HTML5和CSS3框架。一种全新的HTML5验证的表单框架(通过JavaScript)。
官方网站:http://www.52framework.com/
12)HTML5框架 – Montagejs
MontageJS是一款前端的HTML5框架,支持快速创建单页应用程序。MontageJS使用的是经过时间考验的设计模式和软件规则,允许用户为自己的项目轻松创建模块化的架构,从而提供高品质的用户体验。

官方网站:http://montagestudio.com/montagejs/
13)HTML5 Boilerplate
HTML5有助于快速创建稳定和适宜的Web应用程序和网站。
官方网站:http://html5boilerplate.com/
14)HTML Kickstart
HTML Kickstart提供了HTML5、CSS和JS模块,用于快速出品网站。
官方网站:http://www.99lime.com/elements/
译文链接:http://www.codeceo.com/article/14-best-html-css-framework.html
英文原文:14 Best HTML & CSS Frameworks for Designers & Developers
翻译作者:码农网 – 小峰
原文:http://www.codeceo.com/article/14-best-html-css-framework.html
【转】14个最佳的HTML/CSS设计和开发框架的更多相关文章
- 帮助你实现漂亮界面的14套免费的 HTML/CSS 源码
在网络上能找很多免费的 PSD 格式素材,但是很少有 HTML/CSS 界面组件下载.在这篇文章中,收集了14套免费的 HTML/CSS 界面源码分享给前端设计师和开发者们.这些组件包括按钮.滑块.表 ...
- 你真的了解字典(Dictionary)吗? C# Memory Cache 踩坑记录 .net 泛型 结构化CSS设计思维 WinForm POST上传与后台接收 高效实用的.NET开源项目 .net 笔试面试总结(3) .net 笔试面试总结(2) 依赖注入 C# RSA 加密 C#与Java AES 加密解密
你真的了解字典(Dictionary)吗? 从一道亲身经历的面试题说起 半年前,我参加我现在所在公司的面试,面试官给了一道题,说有一个Y形的链表,知道起始节点,找出交叉节点.为了便于描述,我把上面 ...
- 14条最佳JS代码编写技巧
http://gaohaixian.blog.163.com/blog/static/123260105201142645458315/写任何编程代码,不同的开发者都会有不同的见解.但参考一下总是好的 ...
- HTML & CSS设计与构建网站 ([美]达科特) PDF原版
HTML & CSS 设计与构建网站采用有别于许多传统编程书籍的新颖编排方式,将使您收到事半功倍的学习效果.每一页都在短小精悍的示例代码的引导下,简明直观.直截了当地阐述一个新主题. < ...
- 《CSS 设计指南》学习笔记 一
本篇文章是对这几天看完 Charles Wyke-Smit 的 <CSS 设计指南> 后的一些学习笔记与心得,笔者好像是大一的时候开始接触网页设计,由于并不是计算机专业的,所以所有都是自己 ...
- CSS设计指南之理解盒子模型
原文:CSS设计指南之理解盒子模型 一.理解盒模型 每一个元素都会在页面上生成一个盒子.因此,HTML页面实际上是由一堆盒子组成的.默认情况下,每个盒子的边框不可见,背景也是透明的,所以我们不能直接看 ...
- CSS设计指南之浮动与清除
原文:CSS设计指南之浮动与清除 浮动意思就是把元素从常规文档流中拿出来,浮动元素脱离了常规文档流之后,原来紧跟在其后的元素就会在空间允许的情况下,向上提升到与浮动元素平起平坐. 一.浮动 CSS设计 ...
- CSS设计指南之定位
原文:CSS设计指南之定位 CSS布局的核心是position属性,对元素盒子应用这个属性,可以相对于它在常规文档流中的位置重新定位.position属性有4个值:static.relative.ab ...
- 结构化CSS设计思维
LESS.SASS等预处理器给CSS开发带来了语法的灵活和便利,其本身却没有给我们带来结构化设计思维.很少有人讨论CSS的架构设计,而很多框架本身,如Bootstrap确实有架构设计思维作为根基. 要 ...
随机推荐
- Codeforces 691A Fashion in Berland
水题. #pragma comment(linker, "/STACK:1024000000,1024000000") #include<cstdio> #includ ...
- HDU1372,BFS象棋马走日
简单的对于bfs的运用,但是还是写的太慢了写了TMD的1H,主要是不熟悉,以后慢慢熟悉就好了,模型基本已经能建立了,主要出现bug是在方向数组的运用上面,一定要记得是从0开始的,而不是从1开始的,导致 ...
- XML回顾
xml加强 一.sax解析 1)原理: 读取xml的某个部分,解析一部分(读取一点,解析一点) 2)步骤: SAXParserFactory factory = SAXPa ...
- 开源内容管理系统Joomla正式发布3.5版本 基于PHP 7
这也是首个完全支持 PHP 7 语言开发的 Joomla 版本 作为深受广大站长喜爱的 Joomla 开源内容管理系统(Content Management System, CMS)正式推出 3.5 ...
- MySQL架构优化:定时计划任务与表分区
转自: MySQL架构优化实战系列3:定时计划任务与表分区 - 今日头条(TouTiao.com)http://toutiao.com/a6304736482361049345/?tt_from=mo ...
- 生成Token字符串
生成比较短的Token字符串 有的时候,我们需要生成一些Token作为标识:如认证后的标识符,资源的提取码等.一个比较常见的算法是生成一个GUID来作为Token,由于GUID的随机性和唯一性特点,作 ...
- iOS数据持久化之数据库:SQLite和FMDB
SQLite: SQLite是一款轻量级型的数据库,资源占用少.性能良好和零管理成本,具有零配置(无需安装和管理配置).独立(没有额外依赖).储存在单一磁盘文件中的一个完整的数据库.源码完全的开源.比 ...
- MyEclipse2015 javaweb项目从svn检出后变成java项目,clean之后不能编译,解决办法是
javaweb项目从svn检出后变成java项目,解决办法是:1.项目右键–properties–Project Facets,勾选上Dynamic Web Module .Java 两个复选框.点 ...
- iOS触摸事件深入
转载自:http://www.cnblogs.com/wengzilin/p/4720550.html 概述 本文主要解析从我们的手指触摸苹果设备到最终响应事件的整个处理机制.本质上讲,整个过程可以分 ...
- void (*isr_handle_array[50])(void);求解这个申明怎么理解 啊??
这是函数指针数组.一层一层向里面剥就好啦. 是一个指向 返回值为void 参数也是void的指针数组.先看里面[50]知道是个数组,再向外看是一个函数指针,合起来就是函数指针数组.我写个源码,你就明白 ...