简化Web开发的12个HTML5-CSS框架

By admin in 计算机教程 on 2019年4月9日

3个CSS3和HTML5新框架

2011/05/16 · HTML5 ·
CSS3,
HTML5

每个人都知道,会从优秀的CSS/HTML
框架中受益匪浅。下面介绍3个相对比较新的HTML5和CSS3框架。

Inuit.CSS – CSS Framework

Inuit.CSS 框架,作者Harry Roberts
。该框架主要针对的是中等或小屏幕。这个CSS框架支持新的HTML5元素。

Perkins – HTML5/CSS3 Framework

Perkins,作者Carlos Elías 。该
HTML5/CSS3 框架,具有基本HTML5模板,包括标签、表格,以及创建导航等。

澳门金沙30064在线网站 1

G5 Framework – HTML5 Front End Development
Framework

G5 框架,作者Greg Babula 。这是个轻型的
HTML5、 CSS3、 PHP
和jQuery前端开发框架。具有灵活的布局、并可快速更新的功能等等。

原文:澳门金沙30064在线网站,Tommy
Olovsson
     
译文:oschina

 

赞 1 收藏
评论

澳门金沙30064在线网站 2

HTML5已经在Web开发中越来越流行。并且现在大部分流行的浏览器包括Firefox 6,
Google Chrome, IE9等都支持HTML5。
利用框架能够帮助Web开发人员快速进行设计和开发。一个HTML5的框架提供了许多功能,如优美的排版,视频播放器,表单验证等,使开发人员能够轻松地
开发Web应用程序。

1. 52 Framework : HTML5-CSS3 Framework

澳门金沙30064在线网站 3
该框架支持HTML5和CSS3,支持目前所有的浏览器。该框架充分利用了HTML5所有的优势。在网页设计师的世界中,CSS3是非常酷的东西,使用CSS3可以节省网页设计和布局的时间。在开发中可以使用CSS3所有的特性,如文本/框阴影、圆角和动画等。
Website

2. Gridless : HTML5-CSS3 Framework For Crossbrowser Websites

澳门金沙30064在线网站 4
Gridless is an optionated HTML5 CSS3 boilerplate for making mobile first
responsive, cross-browser websites with beautiful typography. It works
on DBY (don’t bore yourself) approach and allows developers to use CSS
normalization, beautiful typography, a well organized folder structure,
IE bug fixes and other nice tricks for their websites.
The most exceptional feature of Gridelss is that it uses mobile first
responsive
web design, which means that it adapts itself to the
device’s width which turns it into work anywhere with any old feature
phone, newer Smartphone, tablets, notebooks and bigger desktops. It
supports all modern browsers like Firefox, opera, chrome, Safari and IE
6+.
Website

3. Perkins : HTML5-CSS3 Framework

澳门金沙30064在线网站 5

Perkins 是一个 HTML5/CSS3
框架,主要为简化开发者和设计师的工具。使用一个基础的 HTML5
模板,包含多数所支持的标签以及一些 CSS
样式,便于创建诸如导航、圆角、渐进等效果。
Website

4. Less Framework 4

澳门金沙30064在线网站 6
Less Framework is a CSS grid system for designing adaptive multicolumn
websites layouts. It contains 4 layouts and 3 sets of typography
presets, all based on a single grid. Less Framework can easily built
sites compatible with mobiles and smart phones and it works fine with
all modern browsers such as Firefox, Chrome, Safari, Opera, Nokia
Webkit, WebOS, Blackberry OS, Android Webkit, and Mobile Safari etc.
Website

5. Gravity : SASS Based Front End HTML5-CSS3 Framework

澳门金沙30064在线网站 7
Gravity is SASS based framework for making powerful, easily maintainable
HTML5 websites. Gravity holds every type of feature for developing
beautiful websites such as readymade typography presets, media queries,
button styles, from styling, column sizing based on variables and much
more. Users need to install SASS to run the framework. It includes
numbers of killer features such as it is SASS based, CSS3 Mixins, Rapid
Prototyping, Grid builder, CoffeeScript, Core JS imports and many
more.
Website

6. HTML5 BoilerPlate

澳门金沙30064在线网站 8

HTML5 Boilerplate 是一个HTML / CSS /
js模板,是实现跨浏览器正常化、性能优化,稳定的可选功能如跨域Ajax和Flash的最佳实践。
项目的开发商称之为技巧集合,目的是满足您开发一个跨浏览器,并且面向未来的网站的需求。

HTML 5样板的一些特性如下:

支持HTML 5

跨浏览器兼容,包括对IE6的支持

高速缓存和压缩规则,最佳实践配置

移动浏览器优化

单元测试套件Javascript分析

移动与特定CSS规则的IOS和Android的浏览器支持

Website

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 澳门金沙30064在线网站 版权所有