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

HTML5已经在Web开发中更是流行。并且现在多数流行的浏览器包蕴Firefox 6,
谷歌(Google) Chrome, IE9等都援救HTML5。
利用框架可以帮衬Web开发人士疾速进展设计和支出。一个HTML5的框架提供了无数职能,如赏心悦目的排版,视频播放器,表单验证等,使开发人士能够轻松地
开发Web应用程序。

1. 52 Framework : HTML5-CSS3 Framework

图片 1
该框架辅助HTML5和CSS3,扶助近年来抱有的浏览器。该框架丰富利用了HTML5所有的优势。在网页设计师的世界中,CSS3是格外酷的东西,使用CSS3方可节省网页设计和布局的日子。在付出中得以应用CSS3所有的特色,如文本/框阴影、圆角和动画等。
Website

2. Gridless : HTML5-CSS3 Framework For Crossbrowser Websites

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

图片 3

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

4. Less Framework 4

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

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

图片 6

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

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

8. Baseline : HTML5-CSS Framework

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

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

图片 10
LimeJS是一个HTML5娱乐框架,可以支持开发人员为盛行的触摸设备和桌面浏览器快捷支付出用户自己,拥有原生体验的玩耍。
Website

11. Cartagen : HTML5 Framework For Dynamic Mapping

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

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