款流行的

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模板,包罗标签、表格,以致开创导航等。

图片 1

G5 Framework – HTML5 Front End Development
Framework

G5 框架,作者Greg Babula 。那是个轻型的
HTML5、 CSS3、 PHP
和jQuery前端开拓框架。具备灵活的布局、并可高效更新的机能等等。

原文:Tommy
Olovsson      
译文:oschina

 

赞 1 收藏
评论

图片 2

图片 3

HTML5已经在Web开荒中特别流行。何况以后超过八分之四风行的浏览器包罗Firefox 6,
谷歌(Google卡塔尔(قطر‎ Chrome, IE9等都帮衬HTML5。
利用框架可以扶持Web开拓人士快捷开展设计和开拓。多个HTML5的框架提供了多数功能,如美貌的制版,录像播放器,表单验证等,使开拓职员能够轻巧地
开辟Web应用程序。

HTML5 和 CSS3 框架进一层流行,紧跟时髦,本文推荐9款不错的HTML5 和 CSS3
框架。1. Gridless Gridless 是个很棒的HTML5 和CSS3
框架,可用于制造跨平台网址制版、构造等。2. Inuit.css
该框架适合十分的小的显示屏,首要特点是增创了对新的HTML5成分的主干扶植。3. Less
Framework 4 Less Framework 4
是个CSS网格系统,用于设计自适应网址,包蕴4个结商谈3组预设制版。4.
Baseline Baseline 用于急速举行网址原型设计,使用基线网格作为规划底子。5.
Gravity Gravity
方便制作强盛的、易维护的HTML5站点,扶持顾客快捷设计原型。6. G5 Framework
G5 Framework 封装了重重的功力整合,见下图。7. 珀金s Perkins
是个纯粹的HTML5/CSS3框架,有简要的HTML5模板,包罗超过八分之四标签和意气风发组LESS样式,可创立不感到奇的职务如导航、圆角、渐变等。8.
52framework 52 Framework
首要用来优化HTML5和CSS3的跨浏览器兼容性的框架。9. HTML5 Framework HTML5
Framework
恰如其名,是HTML5创造构造的框架。基本文件包含HTML5成分,并有壹个CSS文件风格化那么些成分。via

1. 52 Framework : HTML5-CSS3 Framework

图片 4
该框架扶持HTML5和CSS3,帮助近日颇负的浏览器。该框架充足利用了HTML5全体的优势。在网页设计员的世界中,CSS3是十分酷的东西,使用CSS3足以省去网页设计和布局的时刻。在支付中得以采用CSS3全部的性状,如文本/框阴影、圆角和动漫片等。
Website

2. Gridless : HTML5-CSS3 Framework For Crossbrowser Websites

图片 5
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

图片 6

Perkins 是多少个 HTML5/CSS3
框架,重要为简化开采者和设计员的工具。使用三个底工的 HTML5
模板,包蕴相当多所支撑的价签甚至部分 CSS
样式,便于创立诸如导航、圆角、渐进等职能。
Website

4. Less Framework 4

图片 7
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

图片 8
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

图片 9

HTML5 Boilerplate 是三个HTML / CSS /
js模板,是兑现跨浏览器符合规律化、品质优化,稳固的可选作用如跨域Ajax和Flash的拔尖实行。
项目标开采商称之为工夫会集,指标是满足你支付三个跨浏览器,况且面向现在的网址的需要。

HTML 5样本的有个别表征如下:

支持HTML 5

跨浏览器宽容,满含对IE6的帮助

高速缓存和减削准则,最佳实行配置

运动浏览器优化

单元测量检验套件Javascript深入分析

移步与一定CSS法则的IOS和Android的浏览器协理

Website

7. G5 Framework : HTML5-CSS3 Front End Framework

图片 10

G5 Framework 是二个 (X卡塔尔(قطر‎HTML5, CSS3, PHP & jQuery
前端框架。该框架目的在于进步开荒效用、裁减代码。

首要个性:

  • HTML5 baseline
  • Base CSS
  • PHP Active Class
  • Smooth Scroll to Top
  • HTML5 Placeholder Fallback
  • Base SEO
  • Based on a F Layout
  • Sticky Footer
  • Clean Organization

Website

8. Baseline : HTML5-CSS Framework

图片 11
Baseline is HTML5 frame works which assists users to easily create and
develop websites and web applications. Baseline comes standard
typography, includes style for HTML form and new HTML 5 tags. Baseline
supports all modern browsers such as Safar 3+, Google Chrome, Firefox
3+, Opera 9+, and IE 8.
Website

9. Sprout Care : Open Source HTML5 Framework

图片 12
Sprout care is an open source HTML5 Framework used to rapidly build up
innovative web applications. With sprout care developers can build rich,
interactive applications with less code. Sproutcore includes many
features like Clean MVC Architecture – which keeps users codes
sensible and organized for easy maintenance, Incredible
Speed
—client-side logic means no more waiting for severs, Sproutcore
apps give you a native experience, built in tools that will make your
application beautiful and many more.
Website

10. LimeJS : HTML5 Game Framework

图片 13
LimeJS是二个HTML5嬉戏框架,能够扶植开荒职员为盛行的触摸设备和桌面浏览器快捷支付出客商自身,具有原生体验的游乐。
Website

11. Cartagen : HTML5 Framework For Dynamic Mapping

图片 14
Cartagen lets you make beautiful, customized maps with a simple
stylesheet. Maps are styled with Geographic Style Sheets (GSS), GSS is a
scripting language as well making Cartagen an idea framework for loan
modification mapping dynamic data. Cartagen is vector mapping, client
side HTML 5 framework for rendering maps in native HTML5 applications.
It is written in JavaScript, it uses the new Canvas element to load
mapping date from various sources including OpenStreetMap.
Website

12. inuitCSS : HTML5-CSS Framework

图片 15
Inuitcss是一个上佳和实用的框架。能够帮助我们付出出美好的网站。它支持新的HTML5标签,支持三星GALAXY Tab和智能手提式无线电话机。Developers
can build their own fluid grid systems and it provides nice typography
for development along with all type of modern browsers supports even
IE6.
Website

发表评论

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