>

下面介绍3个相对比较新的HTML5和CSS3框架,看看最

- 编辑:澳门博发娱乐官网 -

下面介绍3个相对比较新的HTML5和CSS3框架,看看最

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

11. Cartagen : HTML5 Framework For Dynamic Mapping

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

源码 演示6.Baker 2.0三个HTML5 ebook框架用来在ipad和iphone上选择Web标准来发表内容。

19. xCSS(MIT)

8.jQuery Mobile

12. inuitCSS : HTML5-CSS Framework

图片 4
Inuitcss是贰个精美和实用的框架。能够援助我们开垦出美好的网址。它扶助新的HTML5标签,援助平板Computer和智能手提式有线电话机。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

源码 演示10.Inuit.CSS由Harry罗Berts开立。那一个框架用于选拔相当少的代码完毕稍小的荧屏。援助IE6+。

EM CSS Framework提供了二个960px宽 + 12 列网格系统 + CSS的通用样式。

图片 5

9. Sprout Care : Open Source HTML5 Framework

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

源码 演示7.CSS3-action-frameworkCSS3的类库用于搜聚最棒的CSS3效果与利益。以后支撑CSS3的浏览器正在扩充;CSS3在广大案例都得以像javascript同样选用,提供越来越好的顾客体验

Easy Framework是二个完好无缺前端技术方案,分structural、 presentational、interactive三层。

jQuery Mobile(jQueryMobile)是 jQuery在手提式有线电电话机上和平板设备上的版本。jQuery Mobile 不仅仅会给主流移动平台带来jQuery大旨库,并且会公布三个完好无缺统一的jQuery移动UI框架。支持满世界主流的移动平台。jQuery Mobile开垦集团说:能支付这么些项目,大家十三分高兴。移动Web太急需二个跨浏览器的框架,让开荒职员开垦出真正的位移Web网址。我们将尽全力去满意如此的急需。

7. G5 Framework : HTML5-CSS3 Front End Framework

图片 7

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

源码 演示4.Popcorn.js八个HTML5录像的事件框架,提供一个简易的API来三只互动和左近的开始和结果。Popcorn.js使用本地本地HTMLMediaElement属性,方法和事件。转化成一个粗略实用的API,并且提供了二个插件系统用于方便社区支付。

图片 8

图片 9

HTML5已经在Web开采中愈发流行。何况现在大多数风靡的浏览器包蕴Firefox 6, 谷歌 Chrome, IE9等都辅助HTML5。 利用框架能够援助Web开辟人士快捷进展设计和支出。三个HTML5的框架提供了许多职能,如美观的排版,摄像播放器,表单验证等,使开拓职员能够轻易地 开采Web应用程序。

不无的开采职员都应有专一了,你们相对应该看看那篇作品,帮衬您连忙创设HTML5/CSS3的成本框架。恐怕你也见到过任何的框架,不过你应有看看这个框架,因为你在此在此以前只怕没用过她们中的超越59%。看看最新的实用HTML5和CSS3框架吧!希望你们喜欢!1.HTML5boilerplateH5BP带给你十二分了不起的文书档案,三个网址优化的编写翻译脚本,还也有贰个自定义的boilerplate编写翻译器。除外,大家还帮助lighttd,GoogleApp Engine和NodeJS以及优化的服务器配置(包蕴Apache,Nginx,和IIS),何况已经把boilerplate的尺寸裁减了八分之四。

10. Easy Framework(Free)

来自: WEBDEVELOPERJUICE

10. LimeJS : HTML5 Game Framework

图片 10
LimeJS是贰个HTML5嬉戏框架,能够扶助开荒人士为流行的触摸设备和桌面浏览器火速支付出客户本人,具备原生体验的玩乐。
Website

源码 演示2.The M project跨平台的无绳电话机支付HTML5 javascript框架。本性蕴含:MVC HTML5,Javascript-全体的开采周期,离线帮忙(自动缓存),富顾客端UI,本地和远程数据帮助何况远程存款和储蓄,国际化(i18n),开源(MIT license),基于NodeJS的编写翻译工具(叫做Espresso)。

七个非正规的CSS框架。

图片 11

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

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

源码 演示9.G5 Framework基于F布局。天性包蕴:CSS&SEO,PHP active class, HTML5 placeholder fallback,粘合的页脚,HTML5基线,光滑的轮转到上面和非常深透的组织。

流行、直观並且庞大的前端框架,让Web开荒变得特别轻松。

图片 13

6. HTML5 BoilerPlate

图片 14

HTML5 Boilerplate 是贰个HTML / CSS / js模板,是贯彻跨浏览器符合规律化、品质优化,牢固的可选效率如跨域Ajax和Flash的一级实践。 项目标开采商称之为本领集合,目标是满意你支付二个跨浏览器,而且面向未来的网址的急需。

HTML 5样板的一对风味如下:

支持HTML 5

跨浏览器包容,包涵对IE6的支撑

高速缓存和收缩准绳,最棒施行配置

移步浏览器优化

单元测验套件Javascript深入分析

挪动与一定CSS准绳的IOS和Android的浏览器援救

Website

源码 演示

图片 15

52 Framework具有16列的网格模板。该框架来自于CSS3样式里的新“Selection”、阴影、圆角以及有效的HTML5标识。该框架还提供了有的极度的台本和体制用于IE6。

8. Baseline : HTML5-CSS Framework

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

源码 演示8.52frarmework第叁个用enavu network开辟的HTML5/CSS3框架

图片 17

Sencha Touch是率先个基于HTML5的运动选拔框架,利用JavaScript、HTML5和CSS3来创设移动应用程序,该框架利用本地代理存款和储蓄离线数据,具体行使HTML5来渲染摄像和韵律组件。

2. Gridless : HTML5-CSS3 Framework For Crossbrowser Websites

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

源码 演示5.Roots贰个基于HTML5 boilerplate开垦的wordpress核心,blueprint CSS(或然960.gs)和Starkers,能够帮忙你火速在开创博客和文字站点。

5. 99lime HTML KickStart(Free)

 原作者:张红月

3. Perkins : HTML5-CSS3 Framework

图片 19

Perkins 是二个 HTML5/CSS3 框架,紧要为简化开采者和设计员的工具。使用八个基础的 HTML5 模板,包罗多数所接济的标签以及部分 CSS 样式,便于创立诸如导航、圆角、渐进等功用。
Website

源码 演示3.Gravity一个依据SASS的框架用于创设功用强大的,易于管理的HTML5网址。能够支持您快速的成立你创新意识的原型,何况能让您的开采更简便。

13. BlueTrip(Free)

图片 20

4. Less Framework 4

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

15. 52framework(Creative Commons)

Kendo UI是三个HTML5阳台,开荒者利用它能够付出最新的、交互的位移应用程序和网址。该框架提供了大气的动画和增多的拖拽功效、模板功效以及提供了临近10款顾客端常用的数码绑定小部件,如图表、组合框以及常用表格。

1. 52 Framework : HTML5-CSS3 Framework

图片 22
该框架协助HTML5和CSS3,帮忙如今怀有的浏览器。该框架丰硕利用了HTML5全部的优势。在网页设计员的世界中,CSS3是丰盛酷的东西,使用CSS3足以节约网页设计和布局的岁月。在开垦中得以选拔CSS3全部的性状,如文本/框阴影、圆角和动画片等。
Website

 

假如您有三个基于固定流程进行的特定类型,为了保障项目刚开首就能够有较高的正确率,那么你可以使用HTML5框架来进步全数开辟进度,况且让网址有着一致性结构。

本文由胜博发-前端发布,转载请注明来源:下面介绍3个相对比较新的HTML5和CSS3框架,看看最