10个超棒的响应式Web设计工具

原创|行业资讯|编辑:郝浩|2013-09-05 09:42:24.000|阅读 7748 次

概述:慧都小编为你推荐10个超棒的响应式Web设计工具,希望你能喜欢

# 正版采购狂欢节,企业采购正当时 #

响应式Web设计(Responsive Web Design)是2013年最流行的界面设计趋势之一。那么你知道有哪些好用的支持响应式设计的工具吗?下面慧都小编为你推荐10个超棒的响应式Web设计工具,希望你能喜欢:

1、Bootstrap


由两个Twitter员工开发并开源的前端框架,目前已经更新到了v3.0版本,在Github上非常火爆,在国内也有很多粉丝,值得一试。

Bootstrap,Twitter,开源前端框架,Github,响应式Web设计工具

2、Adobe Edge Inspect


对移动开发者尤其有用的工具,其前身是 Adobe Shadow,用于帮助设计师和开发者同时在多个移动设备上预览应用设计,发现和解决跨平台问题。

Adobe Edge Inspect,移动开发者,响应式Web设计工具

3、Responsive Web Design Sketch Sheets


如果你还在用纸和笔来创建你的实体模型,你可以用这些现有的草图来设计你的交互网站了。

Responsive Web Design Sketch Sheets,响应式web设计

4、Foundation


号称是世界上最先进的响应式前端框架。

Foundation,响应式前端框架

5、Adaptive Images


在移动设备上让图像自动适应当前网页大小。

Adaptive Images,响应式Web设计

6、Retina Images


根据设备保存图像,你只需要为每张图创建一个高分辨率的版本就可以了。

Retina Images,响应式Web设计

7、SimpleGrid


轻量级的响应式 CSS 网格系统,让你可以快速创建适应于手机和平板电脑的网站。

SimpleGrid,响应式CSS网格系统

8、Responsive Testing


这个工具可以让你预览你设计网页在不同设备上的效果,只需要访问它的网站并输入你网站的地址就可以看到了。

Responsive Testing,响应式网页测试

9、The 1140px CSS Grid


这1140个网格能完美适应1280的显示器,会随着显示器的变小自适应。

The 1140px CSS Grid,响应式网页设计

10、resizeMyBrowser


是一款测试兼容性网页设计的完美工具,让用户轻松重置浏览器大小,一站式体验时下最流行的尺寸或者个性化定制。

resizeMyBrowser,响应式web设计

扩展阅读:

什么是响应式网页设计?有哪些好用的第三方响应式框架?
独家披露Kendo UI Q3 2013发展路线图 响应式UI成本次主题
10个实用的响应式设计测试工具



标签:网页设计响应式网页设计网页测试Web开发

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,尊重他人劳动成果

文章转载自:慧都控件

登录 慧都网发表评论


慧都网友 2015-05-19 16:12:53.000
0

响应式web前端制作 www.qietu.com


慧都网友 2015-05-19 16:12:47.000
0

响应式web前端制作 www.qietu.com


慧都网友 2015-04-29 16:20:15.000
0

不知道怎么能快速使用


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
title
相关厂商
相关产品
DevExpress Universal Subscription

行业领先的界面控件开发包,帮助企业构建卓越应用!

NetAdvantage Ultimate

NetAdvantage Ultimate 功能齐全,完全跨平台、跨设备的界面开发套包

Kendo UI Web

运用JavaScript和HTML5就能快速创建性能最优的Web应用程序

Kendo UI Mobile

使用HTML5和JavaScript快速开发跨平台原生移动应用程序的移动应用程序框架

Kendo UI DataViz

跨平台跨设备的数据可视化组件

Kendo UI Server Wrappers

帮助你开发基于Kendo UI的出色的HTML5应用程序,并且无需亲自编写JavaScript。

在线
客服
咨询
电话
400-700-1020
在线
QQ
购物车 反馈 返回
顶部
在线客服系统
live chat