收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2327|回复: 2

[界面] 分享10个响应式设计的辅助工具

[复制链接]
发表于 2013-9-6 10:08:04 | 显示全部楼层 |阅读模式

1、Bootstrap

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


2、Adobe Edge Inspect

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


3、Responsive Web Design Sketch Sheets

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


4、Foundation

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


5、Adaptive Images

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


6、Retina Images

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


7、SimpleGrid

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


8、Responsive Testing

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


9、The 1140px CSS Grid

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


10、resizeMyBrowser

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



扩展阅读:

什么是响应式网页设计?有哪些好用的第三方响应式框架?
独家披露Kendo UI Q3 2013发展路线图 响应式UI成本次主题
转自慧都控件网
发表于 2013-12-6 20:27:23 | 显示全部楼层
回复 支持 反对

使用道具 举报

发表于 2013-12-7 17:18:21 | 显示全部楼层
提示: 作者被禁止或删除。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-5-28 08:57 , Processed in 0.093513 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表