5 个交互式 Web 设计中有用的工具 - 开源中国社区
Float_left Icon_close
5 个交互式 Web 设计中有用的工具
tsl0922 2012年05月14日

5 个交互式 Web 设计中有用的工具

tsl0922 tsl0922 发布于2012年05月14日 收藏 67 评论 3

做APP,小程序就上开源众包。世界杯期间免费领2600元启动金。>>>  

1.FitText.js

FitText.js是一个能让字体大小灵活变化的JavaScript插件,它很容易使用,你可以从github免费下载它。

主页:http://fittextjs.com

2.Adaptive Images

该工具检测访问者的屏幕大小并自动创建、缓存和为不同设备重新调节网页中的图片大小。这个使用起来有点小困难,因为你不仅需要点html和css知识,还需要点服务器知识。具体细节请看该项目的安装指导。

主页:http://adaptive-images.com

3.Responsive Testing

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

4.Less Framework 4

Less Framework是一个为自适应网站设计的CSS网格系统,它有4种布局和3中预设的排版,都基于一个单一的网格。你可以从github免费下载它。

主页:http://lessframework.com

5.Responsive Web Design Sketch Sheets

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

下载:http://jeremypalford.com/arch-journal/responsive-web-design-sketch-sheets

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:5 个交互式 Web 设计中有用的工具
分享
评论(3)
最新评论
0
感谢,做交互,我们公司都是使用Mockplus。里面封装的组件和图标拖出即用,很便捷。
0
收藏了
0
应该说是响应式设计,不是交互式设计
顶部