关闭 x
IT技术网
    技 采 号
    ITJS.cn - 技术改变世界
    • 实用工具
    • 菜鸟教程
    IT采购网 中国存储网 科技号 CIO智库

    IT技术网

    IT采购网
    • 首页
    • 行业资讯
    • 系统运维
      • 操作系统
        • Windows
        • Linux
        • Mac OS
      • 数据库
        • MySQL
        • Oracle
        • SQL Server
      • 网站建设
    • 人工智能
    • 半导体芯片
    • 笔记本电脑
    • 智能手机
    • 智能汽车
    • 编程语言
    IT技术网 - ITJS.CN
    首页 » UI前端 »18个最好的响应式Web设计工具和库

    18个最好的响应式Web设计工具和库

    2015-08-30 00:00:00 出处:ITJS
    分享

    现在在网上,响应式Web设计的工具和库资源玲珑满目,应有尽有。下面我将讲一讲其中最好的18个工具和库。

    1)Get Bootstrap

    假如你想用HTML、CSS和JavaScript开发响应式网页,Bootstrap是最受网页设计师和开发人员欢迎的框架。它适合所有技能水平的人,不管你的项目规模如何。

    官方网站:http://getbootstrap.com/

    2)Ink

    Ink提供了一个响应式的电子邮件框架,可以帮助你创建适用于任何设备、可在任何地方阅读的响应式HTML电子邮件。

    官方网站:http://zurb.com/ink/

    3)Susy

    官方网站:http://susy.oddbird.net/

    4)Simplegrid

    在创建网站时,编写支持网格的代码是难点之一。这就是为什么SG尽可能地使用了最少的标记和类以保持事情的简单明了。甚至是嵌套网格槽也不需要额外的类。

    官方网站:http://simplegrid.info/

    5)Furatto

    Furatto既轻巧又简单易用,可用于前端程序设计和开发响应式网页。在小型设备上隐藏一些事情对于改善用户体验是很重要的。Furatto提供类名来隐藏或显示元素。

    官方网站:http://icalialabs.github.io/furatto/

    6)Lessframework

    Lessframework是一款支持设计自适应网站的CSS网格系统。它含有通通基于单网格的4款布局和3套预设排版。

    官方网站:http://lessframework.com/

    7)Getskeleton

    假如你要做的只是一个小项目或者你觉得你并不需要大型的框架,那么不妨选择Skeleton。Skeleton的标准HTML元素设计样式屈指可数,网格也只有一个,不过这能让我们更加轻松上手。

    官方网站:http://getskeleton.com/

    8)Restivejs

    Restive.JS是一个jQuery插件,可以帮助我们轻松快捷地将功能添加至网站,使其能够响应和适应几乎所有的Web功能设备。

    官方网站:http://restivejs.com/

    9)Fittextjs

    FitText能让你灵活操作字体大小。

    官方网站:http://fittextjs.com/

    10)Onepage Scroll

    这是一款能实现苹果风格的滚动插件。

    官方网站:http://www.thepetedesign.com/demos/onepage_scroll_demo.html

    11)Glide

    Glide是反应灵敏、触摸友好的jQuery滑块。它简单,轻巧,快速。作为一个滑块,它设计得恰到好处。

    官方网站:http://glide.jedrzejchalubek.com/

    12)ResponsiveSlides

    ResponsiveSlides.js是一个很小的jQuery插件,用于创建在容器内使用元素的响应式滑块。ResponsiveSLides.js适用于多种浏览器,包括IE6和6以上的所有版本。

    官方网站:http://responsiveslides.com/

    13)PhotoSwipe

    PhotoSwipe是专为移动触摸设备设计的JavaScript画廊,支持所有基本的手势操作。

    官方网站:http://photoswipe.com/

    14)Magnific Popup

    Magnific Popup是一款注重性能的响应式lightbox和dialog脚本,在任何设备(支持jQuery和Zepto.js)上都能为用户提供最佳体验。

    官方网站:http://dimsemenov.com/plugins/magnific-popup/

    15)Justified.js

    Justified.js是一个用来为已有图片创建自适应图片网格的JQuery插件。填充所有空余的地方!这样,实际上是创造了一个包含不同尺寸图片的优雅画册,同一行的所有图片都是同样的高度。

    官方网站:http://nitinhayaran.github.io/Justified.js/demo/index.html

    16)Sidr

    支持创建侧菜单和用最简单的方法制作响应式菜单的最佳jQuery插件。

    官方网站:http://www.berriart.com/sidr/

    17)BigSlide.js

    bigSlide是一个极小极小(压缩后大概1KB)的jQuery插件,用于创建脱屏滑盖面板的导航。

    官方网站:http://ascott1.github.io/bigSlide.js/

    18)Am I Responsive Design

    这个工具可以让我们迅速得到所需要的内容,并且它能帮助你更直观地呈现给客户你所描述的响应式设计的内涵,特别是当这个产品还没有准备好的时候。

    官方网站:http://ami.responsivedesign.is/

    上一篇返回首页 下一篇

    声明: 此文观点不代表本站立场;转载务必保留本文链接;版权疑问请联系我们。

    别人在看

    Destoon 模板存放规则及语法参考

    Destoon系统常量与变量

    Destoon系统目录文件结构说明

    Destoon 系统安装指南

    Destoon会员公司主页模板风格添加方法

    Destoon 二次开发入门

    Microsoft 将于 2026 年 10 月终止对 Windows 11 SE 的支持

    Windows 11 存储感知如何设置?了解Windows 11 存储感知开启的好处

    Windows 11 24H2 更新灾难:系统升级了,SSD固态盘不见了...

    小米路由器买哪款?Miwifi热门路由器型号对比分析

    IT头条

    Synology 对 Office 套件进行重大 AI 更新,增强私有云的生产力和安全性

    01:43

    StorONE 的高效平台将 Storage Guardian 数据中心占用空间减少 80%

    11:03

    年赚千亿的印度能源巨头Nayara 云服务瘫痪,被微软卡了一下脖子

    12:54

    国产6nm GPU新突破!砺算科技官宣:自研TrueGPU架构7月26日发布

    01:57

    公安部:我国在售汽车搭载的“智驾”系统都不具备“自动驾驶”功能

    02:03

    技术热点

    如何删除自带的不常用应用为windows 7减负

    MySQL中多表删除方法

    改进的二值图像像素标记算法及程序实现

    windows 7 32位系统下手动修改磁盘属性例如M盘修改为F盘

    windows 7中怎么样在家庭组互传文件

    Linux应用集成MySQL数据库访问技巧

      友情链接:
    • IT采购网
    • 科技号
    • 中国存储网
    • 存储网
    • 半导体联盟
    • 医疗软件网
    • 软件中国
    • ITbrand
    • 采购中国
    • CIO智库
    • 考研题库
    • 法务网
    • AI工具网
    • 电子芯片网
    • 安全库
    • 隐私保护
    • 版权申明
    • 联系我们
    IT技术网 版权所有 © 2020-2025,京ICP备14047533号-20,Power by OK设计网

    在上方输入关键词后,回车键 开始搜索。Esc键 取消该搜索窗口。