您的位置:新葡亰496net > 新葡亰官网 > 你用过吗,CSS3的开发框架

你用过吗,CSS3的开发框架

发布时间:2019-06-19 08:41编辑:新葡亰官网浏览(171)

    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,GoogleApp Engine和NodeJS以及优化的服务器配置(包涵Apache,Nginx,和IIS),并且一度把boilerplate的深浅减少了二分之一。

    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由哈利罗Berts开立。那个框架用于选取较少的代码实现稍小的荧屏。扶助IE6 。

    960gs提供了一个简便的网格系统,适合快捷支付。

    Lungo.JS 没有须求服务器端帮衬,可匡助完毕 HTML5 天性,包括WebSQL、吉优location、 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款客户端常用的多少绑定小部件,如图表、组合框以及常用表格。

    图片 20

    3.Sencha Touch

    5. 99lime HTML KickStart(Free)

    图片 21

    切合网址急迅支付的极简HTML塑造立模型块。

    Sencha Touch是率先个依靠HTML5的移位应用框架,利用JavaScript、HTML5和CSS3来创设移动应用程序,该框架利用本地代理存款和储蓄离线数据,具体应用HTML5来渲染视频和旋律组件。

    图片 22

    能够让您的Web App看起来就好像本地应用程序同样。美貌的用户分界面组件和丰裕的数量管理,全体基于最新的HTML5和CSS3的Web标准,周密包容Android和Apple iOS设备。

    6. Kube(Free;响应式)

     

    面向专门的学问职员的CSS框架。

    4.Jo

    图片 23

    图片 24

    7. Less Framework(MIT;响应式)

    该框架能够创建像本地同样的施用,并且合营任何操作系统,无论是Blackberry、iOS还是Android。并且提供数不清HTML5小部件。使用它可以化解其余动画设计方面包车型大巴主题素材。

    自适应的CSS网格系统。

    5.52 Framework

    图片 25图片 26

    图片 27

    8. Flameinwork(Free)

    52 Framework具备16列的网格模板。该框架来自于CSS3样式里的新“Selection”、阴影、圆角以及有效的HTML5符号。该框架还提供了一部分例外的剧本和样式用于IE6。

    切合懒人开辟者的前端微框架。

    6. G5 Framework

    图片 28

    图片 29

    9. G5 Framework(Free)

    假若你想要飞速完结Web开垦,并且想要重用ant核心或应用程序或网址项目,那么G5 框架是你最棒的采纳,因为该框架意在提高开荒效能、减弱代码。该框架接纳特色的PHP激活类、SEO优化手艺。除了G5本身所带的那几个意义特色外,它还集 成别的过多效益,举个例子Orbit Slider、CSS3 PIE、Reveal Modals、CSS3 Buttons和Tipsy Tooltips等。

    (x)HTML5、CSS、PHP前端开采框架。图片 30

    7.LimeJS

    10. Easy Framework(Free)

    图片 31

    Easy Framework是三个完好无损前端化解方案,分structural、 presentational、interactive三层。

    LimeJS 是多少个 JavaScript 游戏开辟框架,用于急速构建运维于触屏设备和桌面浏览器的游玩。允许开采者创设基于 HTML5 的游玩,支持主流浏览器包含iOS。

    图片 32

    8.jQuery Mobile

    11. Blueprint(Free)

    图片 33你用过吗,CSS3的开发框架。你用过吗,CSS3的开发框架。

    三个心意收缩耗时的前端框架。

    jQuery Mobile(jQueryMobile)是 jQuery在小弟大上和机械设备上的版本。jQuery Mobile 不仅仅会给主流移动平台带来jQuery大旨库,而且会宣布四个全部统一的jQuery移动UI框架。扶助全世界主流的移位平台。jQuery Mobile开采协会说:能支付那个类型,大家丰硕欢跃。移动Web太急需贰个跨浏览器的框架,让开垦人士开垦出真正的位移Web网址。大家将尽全力去满意如此的须要。

    图片 34

    9.Phone Gap

    12. YAML(Creative Commons)

    图片 35

    (x)HTML CSS框架,适合开拓今世化转换布局。

    PhoneGap是三个开源的开销框架,使用HTML,CSS和JavaScript来营造跨平台的的移位应用程序。它使开荒者能够接纳Samsung,Android,Palm,Symbian,Blackberry,Windows Phone和Beda智能手提式有线电话机的大旨作用——包涵地理定位,加快器,联系人,声音和振撼等。

    图片 36

    来自: WEBDEVELOPERJUICE

    13. BlueTrip(Free)

    多少个作用完善、并且雅观的CSS框架,适合于Blueprint搭配使用。

    图片 37 

    14. YUI3:Grids CSS(BSD)

    YUI Grids CSS是最有名的CSS框架之一,是由Yahoo开采小组开辟而成。 YUI Grids CSS为开辟者提供了优先安装的八种差异页面宽度,八种不一致的沙盘。

    图片 38

    15. 52framework(Creative Commons)

    对HTML5支撑特别好,轻巧易用。

    图片 39

    16. elastiCSS(MIT)

    叁个依据Web接口和印刷布局的大致CSS框架。

    图片 40

    17. Emastic(Free)

    贰个破例的CSS框架。

    图片 41

    18. Fluid 960 Gride System(GPL/MIT)

     

    Fluid 960 Grid System的模版是基于Nathan Smith此前的小说而创制的。即960 Grid System:传承了MooTools和jQuery JavaScript libraries的效果。

     

    图片 42

    19. xCSS(MIT)

    四个面向对象的CSS框架,能让您的职业流特别从简。xCSS基于CSS,能够在支付复杂样式时,提供面向对象的专门的学业流。

    图片 43

    20. EM CSS Framework(MIT/GPL)

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

    图片 44

    本文由新葡亰496net发布于新葡亰官网,转载请注明出处:你用过吗,CSS3的开发框架

    关键词: