【亚洲必赢官网】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

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. 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网站。可以帮助您急迅的制造你创意的原型,并且能让你的开发更简便。

【亚洲必赢官网】CSS3的付出框架。与手工编码比起来,HTML5框架在准确性和正确率方面给予了确保。一大半HTML5框架都会有一个组成或者隐含部非凡加的零部件,比如jQuery
Scripts。CSS3样式表则以立异多媒体特征的功能性和响应式的Web布局为主。

3. Perkins : HTML5-CSS3 Framework

亚洲必赢官网 5

珀金(Perkin)s 是一个 HTML5/CSS3
框架,首要为简化开发者和设计师的工具。使用一个基础的 HTML5
模板,包涵多数所支撑的标签以及一些 CSS
样式,便于创制诸如导航、圆角、渐进等效果。
Website

源码
演示4.Popcorn.js一个HTML5视频的风云框架,提供一个概括的API来一同互动和身入其境的始末。Popcorn.js使用当地本地HTMLMediaElement属性,方法和事件。转化成一个简单易行实用的API,并且提供了一个插件系统用于方便社区支付。

设若你有一个基于固定流程展开的一定类型,为了确保项目刚伊始就能有较高的正确率,那么您可以使用HTML5框架来升高所有开发进度,并且让网站有着一致性结构。

4. Less Framework 4

亚洲必赢官网 6
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

亚洲必赢官网 7
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标准来发布内容。

只要你是一名Web设计师,你早晚有趣味开发出杀手级的施用,那么使用上边推荐的HTML5框架将会对您的开发过程暴发巨大的帮助,帮你搭建跨平台网站。

6. HTML5 BoilerPlate

亚洲必赢官网 8

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

亚洲必赢官网 9

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框架

亚洲必赢官网 10

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.G5 Framework基于F布局。特性包涵:CSS&SEO,PHP active class,
HTML5 placeholder
fallback,粘合的页脚,HTML5基线,光滑的轮转到下面和很是彻底的集体。

本条是被认为开发活动网站最好的HTML5支付框架,使用 HTML5/CSS3 和
JavaScript 技术。可辅助创设基于 iOS、 Android、 布莱克berry 和 WebOS
平台的应用程序。该框架可应用当前移动装备的高档特性,可捕捉事件包含滑动、触屏、长按等。无需利用图片,全部选择向量声称。

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.Inuit.CSS由Harry罗伯特s创立。这一个框架用于选用较少的代码落成稍小的屏幕。帮助IE6+。

Lungo.JS 无需服务器端协助,可支持完成 HTML5 特性,包括WebSQL、Geolocation、 History、 Device orientation
等等。那是一个完全可定制的框架,可用来成立应用、游戏等主次。

10. LimeJS : HTML5 Game Framework

亚洲必赢官网 13
LimeJS是一个HTML5游乐框架,能够支持开发人员为盛行的触摸设备和桌面浏览器神速支付出用户自己,拥有原生体验的娱乐。
Website

源码 演示

2.Kendo UI

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

亚洲必赢官网 15

12. inuitCSS : HTML5-CSS Framework

亚洲必赢官网 16
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

Kendo
UI是一个HTML5阳台,开发者利用它可以付出最新的、交互的移动应用程序和网站。该框架提供了汪洋的动画和增加的拖拽作用、模板成效以及提供了濒临10款客户端常用的数据绑定小部件,如图表、组合框以及常用表格。

3.Sencha Touch

亚洲必赢官网 17

Sencha
Touch是首先个基于HTML5的移位应用框架,利用JavaScript、HTML5和CSS3来构建移动应用程序,该框架利用当地代理存储离线数据,具体应用HTML5来渲染视频和旋律组件。

可以让您的Web
App看起来就如当地应用程序一样。美丽的用户界面组件和丰硕的数目管理,全体按照最新的HTML5和CSS3的Web标准,周密包容Android和Apple
iOS设备。

 

4.Jo

亚洲必赢官网 18

该框架能够制造像当地一样的行使,并且合作任何操作系统,无论是布莱克berry、iOS依旧Android。并且提供不计其数HTML5小部件。使用它可以化解任何动画设计方面的问题。

5.52 Framework

亚洲必赢官网 19

52
Framework拥有16列的网格模板。该框架来自于CSS3样式里的新“Selection”、阴影、圆角以及有效的HTML5标志。该框架还提供了部分与众分化的剧本和样式用于IE6。

6. G5 Framework

亚洲必赢官网 20

万一您想要飞快已毕Web开发,并且想要重用ant主题或应用程序或网站项目,那么G5
框架是您最好的挑三拣四,因为该框架目的在于升高开发效用、裁减代码。该框架选取特色的PHP激活类、SEO优化技术。除了G5自身所带的这么些效能特色外,它还集
成别的不少功力,例如Orbit Slider、CSS3 PIE、Reveal Modals、CSS3
Buttons和Tipsy Tooltips等。

7.LimeJS

亚洲必赢官网 21

LimeJS 是一个 JavaScript
游戏开发框架,用于火速构建运行于触屏设备和桌面浏览器的一日游。允许开发者创制基于
HTML5 的游戏,扶助主流浏览器包蕴iOS。

8.jQuery Mobile

亚洲必赢官网 22

jQuery Mobile(jQueryMobile)是 jQuery在小叔子大上和平板设备上的版本。jQuery
Mobile
不仅会给主流移动平台带来jQuery主旨库,而且会揭橥一个完整统一的jQuery移动UI框架。辅助满世界主流的活动平台。jQuery
Mobile开发协会说:能支付那个类型,我们那多少个欢娱。移动Web太需求一个跨浏览器的框架,让开发人士开发出真正的位移Web网站。大家将尽全力去知足如此的要求。

9.Phone Gap

亚洲必赢官网 23

PhoneGap是一个开源的开销框架,使用HTML,CSS和JavaScript来构建跨平台的的活动应用程序。它使开发者可以使用摩托罗拉,Android,Palm,Symbian,布莱克(Black)berry,Windows
Phone和Beda智能手机的主干职能——包涵地理定位,加快器,联系人,声音和震动等。

亚洲必赢官网 , 来自:
WEBDEVELOPERJUICE

网站地图xml地图