这个CSS框架支持新的HTML5元素必威手机官网,最先

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

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

所有的开发人员都应该注意了,你们绝对应该看看这篇文章,帮助你快速创建HTML5/CSS3的开发框架。可能你也看到过其它的框架,但是你应该看看这些框架,因为你以前可能没用过他们中的大部分。看看最新的实用HTML5和CSS3框架吧!希望你们喜欢!1.HTML5boilerplateH5BP带给你非常漂亮的文档,一个网站优化的编译脚本,还有一个自定义的boilerplate编译器。除此之外,我们还支持lighttd,Google App Engine和NodeJS以及优化的服务器配置(包括Apache,Nginx,和IIS),并且已经把boilerplate的大小减少了50%。

1. Twitter BootStrap (Apache v2.0;响应式)

 原作者:张红月

1. 52 Framework : HTML5-CSS3 Framework

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

源码 演示2.The M project跨平台的手机开发HTML5 javascript框架。特性包括:MVC HTML5,Javascript-所有的开发周期,离线支持(自动缓存),富客户端UI,本地和远程数据支持并且远程存储,国际化(i18n),开源(MIT license),基于NodeJS的编译工具(叫做Espresso)。

 

摘要:伴随着智能手机正在席卷整个移动市场,在移动设备上开发出兼容性高的网站已变的非常重要,本文推荐9款非常流行的HTML5框架,可以轻松助你开发出兼容各个移动平台的网站。

2. Gridless : HTML5-CSS3 Framework For Crossbrowser Websites

必威手机官网 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.Gravity一个基于SASS的框架用于创建功能强大的,易于管理的HTML5网站。能够帮助你快速的创建你创意的原型,并且能让你的开发更简单。

时髦、直观并且强大的前端框架,让Web开发变得更加容易。

与手工编码比起来,HTML5框架在准确性和正确率方面给予了保证。大多数HTML5框架都会有一个组合或者包含一些额外的组件,比如jQuery Scripts。CSS3样式表则以改善多媒体特征的功能性和响应式的Web布局为主。

3. Perkins : HTML5-CSS3 Framework

必威手机官网 5

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

源码 演示4.Popcorn.js一个HTML5视频的事件框架,提供一个简单的API来同步互动和身临其境的内容。Popcorn.js使用本地本地HTMLMediaElement属性,方法和事件。转化成一个简单实用的API,并且提供了一个插件系统用于方便社区开发。

必威手机官网 6

如果你有一个根据固定流程进行的特定项目,为了保证项目刚开始就能有较高的正确率,那么你可以利用HTML5框架来提升整个开发过程,并且让网站拥有一致性结构。

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.Roots一个基于HTML5 boilerplate开发的wordpress主题,blueprint CSS(或者960.gs)和Starkers,能够帮助你快速在创建博客和文字站点。

 

伴随着智能手机正在席卷整个移动市场,在移动设备上开发出兼容性高的网站已变的非常重要,相信所有的网站所有者都希望自己的网站能够兼容所有的智能手机平台,HTML5框架可以轻松解决这种跨平台问题。

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.Baker 2.0一个HTML5 ebook框架用来在ipad和iphone上使用Web标准来发布内容。

2. Foundation (MIT;响应式)

如果你是一名Web设计师,你肯定有兴趣开发出杀手级的应用,那么使用下面推荐的HTML5框架将会对你的开发过程产生巨大的帮助,帮你搭建跨平台网站。

6. HTML5 BoilerPlate

必威手机官网 9

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

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

支持HTML 5

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

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

移动浏览器优化

单元测试套件Javascript分析

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

Website

源码 演示7.CSS3-action-frameworkCSS3的类库用于收集最好的CSS3效果。现在支持CSS3的浏览器正在增加;CSS3在许多案例都可以像javascript一样使用,提供更好的用户体验

最先进的响应式前端框架。

1. LungoJS

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.52frarmework第一个用enavu network开发的HTML5/CSS3框架

必威手机官网 11

必威手机官网 12

8. Baseline : HTML5-CSS Framework

必威手机官网 13
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.G5 Framework基于F布局。特性包括:CSS&SEO,PHP active class, HTML5 placeholder fallback,粘合的页脚,HTML5基线,光滑的滚动到顶端和非常干净的组织。

3. 960gs(GPL&MIT;响应式)

这个是被认为开发移动网站最好的HTML5开发框架,使用 HTML5/CSS3 和 JavaScript 技术。可帮助创建基于 iOS、 Android、 Blackberry 和 WebOS 平台的应用程序。该框架可利用当前移动设备的高级特性,可捕捉事件包括滑动、触屏、长按等。无需使用图片,全部采用向量声称。

9. Sprout Care : Open Source HTML5 Framework

必威手机官网 14
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.Inuit.CSS由Harry Roberts创建。这个框架用于使用较少的代码实现稍小的屏幕。支持IE6+。

960gs提供了一个简单的网格系统,适合快速开发。

Lungo.JS 无需服务器端支持,可帮助实现 HTML5 特性,包括 WebSQL、Geolocation、 History、 Device orientation 等等。这是一个完全可定制的框架,可用来创建应用、游戏等程序。

10. LimeJS : HTML5 Game Framework

必威手机官网 15
LimeJS是一个HTML5游戏框架,能够帮助开发人员为流行的触摸设备和桌面浏览器快速开发出用户友好,拥有原生体验的游戏。
Website

源码 演示

必威手机官网 16 

2.Kendo UI

11. Cartagen : HTML5 Framework For Dynamic Mapping

必威手机官网 17
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

4. Skeleton(MIT;响应式)

必威手机官网 18

12. inuitCSS : HTML5-CSS Framework

必威手机官网 19
Inuitcss是一个漂亮和实用的框架。能够帮助我们开发出漂亮的网站。它支持新的HTML5标签,支持平板电脑和智能手机。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

非常漂亮的Web模板,适合响应式、移动友好的开发。

Kendo UI是一个HTML5平台,开发者利用它可以开发新颖的、交互的移动应用程序和网站。该框架提供了大量的动画和丰富的拖拽功能、模板功能以及提供了将近10款客户端常用的数据绑定小部件,如图表、组合框以及常用表格。

本文由必威发布于必威-前端,转载请注明出处:这个CSS框架支持新的HTML5元素必威手机官网,最先

相关阅读