【转】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
相关文章
- [转] HTML 获取屏幕、浏览器、页面的高度宽度
- js replace 全局替换 以表单的方式提交参数 判断是否为ie浏览器 将jquery.qqFace.js表情转换成微信的字符码 手机端省市区联动 新字体引用本地运行可以获得,放到服务器上报404 C#提取html中的汉字 MVC几种找不到资源的解决方式 使用Windows服务定时去执行一个方法的三种方式
- 优化 html 标签 为何能用HTML/CSS解决的问题就不要使用JS?
- MVC 之HTML辅助方法
- 工作总结 @Html 辅助方法 为 生成的 标签设置元素属性 htmlAttributes 一个对象,其中包含要为该元素设置的 HTML 特性。
- vscode浏览器打开html vscode修改默认浏览器
- JS 自动计算HTML的font-size
- 页面中,禁止html内容被选择
- HTML-Html开发之Viewport的使用
- 《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》—— 导读
- 《jQuery Mobile入门经典》—— 2.1 使用HTML创建内容
- 《重构HTML:改善Web应用的设计(修订版)》——2.2 验证器
- 「基于Django的全民健康智慧中医数字服务平台」Web服务HTML代码编写规范
- 【web前端(三)】html_嵌入式框架
- 会说话的HTML--语义化杂谭-TGideas-腾讯游戏官方设计团队
- Web 之 html 如何显示隐藏Html元素的两种方法简单整理
- Python 生成周期性波动的数据 可指定数值范围3 预览的html