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

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

威尼斯人线上娱乐 3
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

3. Perkins : HTML5-CSS3 Framework

威尼斯人线上娱乐 4

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

9. Sprout Care : Open Source HTML5 Framework

威尼斯人线上娱乐 5
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

11. Cartagen : HTML5 Framework For Dynamic Mapping

威尼斯人线上娱乐 6
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. 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

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

2. Gridless : HTML5-CSS3 Framework For Crossbrowser Websites

威尼斯人线上娱乐 9
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