zoukankan      html  css  js  c++  java
  • 16个最佳响应式HTML5框架

    本文由PHP100中文网编译

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

    1. Twitter Bootstrap

    twitter bootstrap - Responsive HTML5 frameworks

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

    2. HTML5 Boilerplate

    HTML5 boilerplate - Responsive HTML5 Frameworks

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

    3. Foundation

    Foundation - Responsive HTML5 Frameworks

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

    4. Ulkit

    UIkit

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

    5. HTML5 KickStart

    HTML5 KickStart - Responsive HTML5 Frameworks

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

    6. Gumby

    Gumby

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

    7. Skeleton

    Skeleton - Responsive HTML5 Frameworks

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

    8. Groundwork

    Groundwork

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

    9. Base

    Base

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

    10. Montage

    Montage - Free Responsive HTML5 Frameworks

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

    11. Layers CSS

    Layers CSS

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

    12. 52Framework

    52Framework - Free Responsive HTML5 Frameworks

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

    13. CreateJS

    CreateJS - Useful Responsive HTML5 Framework for web development

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

    14. Kube

    Kube - Best Free HTML5 Frameworks 2015

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

    15. Less Framework

    Less Framework - Popular HTML5 Frameworks

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

    16. SkelJS

    SkelJS - Best Free Responsive HTML5 Frameworks 2015

    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)
     

  • 相关阅读:
    不敢想,做个博客竟如此简单!
    我有一台服务器,能干啥?
    精品 IDEA 插件大汇总!值得收藏
    怒肝半月!Python 学习路线+资源大汇总
    怒肝 Linux 学习路线,这回不难
    多环境
    分享 10 个高星的创意项目!
    js的attribute
    选择大厂该做哪些准备?|小白进入大厂现状
    小白程序猿了解大厂的开发模式
  • 原文地址:https://www.cnblogs.com/zhicheng/p/4389645.html
Copyright © 2011-2022 走看看