• html5前端框架


    本文由PHP100中文网编译

    HTML5框架可以快速构建响应式网站,它们帮助程序员减少编码工作,减少冗余的代码。如今有很多免费的HTML5框架可供使用,由于它们有着响应式设计、跨浏览器兼容、相对轻量级等特点,这些框架在开发中都十分流行。如果你也对HTML5框架感兴趣,你可以看看下面我列出的一些最佳的响应式HTML5框架,帮助你快速开发网站。

    1. Twitter Bootstrap



    Bootstrap来自Twitter,是目前最受欢迎的前端框架,它简洁灵活,使得Web开发更加方便快捷。它有着优雅的HTMCSS规范,以及构建响应式网站的基本的组件,例如12列栅格布局、jQuery插件、Bootstrap控件等等。
     

    2. HTML5 Boilerplate



    HTML5 Boilerplate的核心是用于帮助开发HTML5站点和应用程序的组件,它有着出色的性能和独立性,帮助你开始一个新的项目。
     

    3. Foundation



    Foundation一款非常先进的前端框架,易用、强大而且灵活,可用于构建基于任何设备上的 Web应用,提供多种Web上的UI组件,如表单、按钮、Tabs 等等。
     

    4. Ulkit



    Ulkit是一个轻量级、模块化的前端框架,帮助开发出快速、强大的Web接口,它有着全面的HTML、CSS和JS集合,易于使用和扩展。
     

    5. HTML5 KickStart



    HTML5 KickStart集合了HTML5、CSS和JS,帮助开发人员快速开发Web产品,它覆盖了所有的UI组件,同时也包含一些有用的JS插件。
     

    6. Gumby



    Gumby 2基于Sass开发,是一款出色的响应式CSS框架,它包括一个Web UI工具包,有好看按钮,表格,导航、标签、JS插件等。
     

    7. Skeleton



    Skeleton有着简单、界面友好的特点,有一系列CSS和JS文件的集合,它可以帮你快速地调整网页在不同分辨率下的显示效果,可以优雅地等比例缩放桌面、平板、手机上的浏览尺寸。
     

    8. Groundwork



    Groundwork是一个响应式的HTML5,CSS和JavaScript框架,是基于Sass预处理器的开源项目。Groundwork 提供多种UI组件,如导航、按钮、图标、表单、Tabs、对话框、工具提示等等,可以创建适应多种浏览设备的布局。 
     

    9. Base



    Base是一款系统化的、轻量级且易于扩展的框架,帮助你创建更强大的响应式网站。
     

    10. Montage



    Montage用于创建现代的Web应用,可以在客户端建立丰富的用户界面,并使用面向服务的后端处理数据。它有着出色的特性,例如复用组件和HTML模板,使用声明式的组件模型和声明式的数据绑定等等。
     

    11. Layers CSS



    Layers CSS是一款轻量级的CSS框架,它集中处理了主要的样式结构,支持响应式布局。
     

    12. 52Framework



    52Framework是一个Web开发框架,它能实现HTML5和CSS3。它是一个跨浏览器的框架,可以在所有主流的浏览器上运行。它集合了很多优秀的组件,比如HTML5视频播放器、HTML5 canvas、HTML5认证表单等。
     

    13. CreateJS



    CreateJS是一套模块库和工具,丰富了网站的交互性内容。它有着对象管理、tweening等特征。套件包括EaselJs, TweenJS, SoundJS, PreloadJS 和Zoe。
     

    14. Kube



    Kube足够的简单,足够小,具有很强的自适应能力,是响应式的 CSS 框架。它拥有最新最炫的网格和漂亮的字体排版,没有任何样式绑定,给用户以绝对的自由。

    15. Less Framework



    Less Framework是一个现代的前端框架。它是一个CSS网格系统,用来设计自适应网页,包括4个布局和3套字体预设置,所有都是基于单个网格的。
     

    16. SkelJS



    Skel.js是一个用于创建响应式站点和应用的轻量级前端框架。



    P.s. PHP100开始了第2期#话题讨论#活动,第2期的主题是“程序员面试经验分享,小伙伴们可以说说你的面试经历,遇到的各种面试题等等,期待你的参与~





    原文:http://webdesignlike.com/2015/best-free-responsive-html5-frameworks/
    译文:http://www.php100.com/html/dujia/2015/0317/8803.html
    (翻译:PHP100_Zeroing)

  • 相关阅读:
    面向对象(静态,抽象,接口)--2017-04-20
    面向对象三大特性(面试经常问)--2017-04-18
    析构函数,函数重载,以及面向对象求面积的例子--2017-04-19
    密码强弱的判断(用正则表达式写)---2017-04-17
    php面向对象(一)---2017-04-17
    php数组--2017-04-16
    正则表达式 详解---2017-04-16
    JavaScript BOM 遗漏知识再整理;弹窗和记时事件;
    JavaScript HTML DOM---遗漏知识再整理(向html添加/删除元素,改变内容和css)
    bootstrap部分---网格系统;(几天没写博客了,为了潜心研究一下bootstrap)
  • 原文地址:https://www.cnblogs.com/sxz2008/p/7506269.html
Copyright © 2020-2023  润新知