响应式web设计:WEBJX收集50个响应式设计工具(4)
31. Responsive Plugin
Marios Lubinski写了一个WordPress插件,能保障任何当前的WP主题方案变成响应式的。这个插件如何工作做着目前也不清楚,因为在本文的撰写时这个插件还没有编写完,但是如果它真的如它所说的那样,做出来之后一定很有用。
32. Overthrow
对于桌面浏览器来说内容一处的处理已经做得不错了,但是旧版本的移动浏览器做的却还不行。这一款叫做Overthrow的Polyfill是由勤勉的Filament工作组为不同设备的访问制作,能确保所有移动用户在可能的情况下能够获得最好的体验。
33. MediaTable
这个是Marco Pegoraro制作的jQuery插件,与Respond.js一起工作,可以帮助您处理大数据量表格如何在小尺寸屏幕设备上显示的问题,可以让栏更加响应式,增加了显示/隐藏功能来增强适应性。
测试,测试:123…
另外一个响应时设计工作流的重要方面就是您需要知道您的目标设备以及解决方案并且测试一下了。下面开始介绍一些测试工具。
34. resizeMyBrowser
这是一个由前端开发人员Chen Luo(看名字像是华裔了)制作的测试工具,带有许多事先预定好的浏览器尺寸以方便您测试各种浏览器,当然,如果没有合适的尺寸您也可以自己创建所需要的像素。
35. responsivepx
与之前说的resizeMyBrowser很相似,这个responsivepx是由Remy Sharp制作的,它可以用一个窗口加载你的页面,并且你可以指定测试的宽度和高度来试试你的媒体查询生成的情况,还可以在设计时加入断点。
36. Responsive Design Testing
这是一个由设计师/开发人员Matt Kersley制作的测试工具,强大到让人难以置信:您只需要简单地输入您所设计的响应式站点的URL,这个工具就能看到各种不同的浏览器尺寸的显示结果了。
37. The Responsinator
只需要输入一个URL,这个响应式机器人就会为您显示在许多常见的设备尺寸中的显示效果,以一个无感情的机器人一般的效率。Tama Pugsley和Andy Hovey现在负责这一款工具。
38. Responsive.js
另外一款页内设备仿真模拟器,Responsive.js让您只需要输入一个URL就可以迅速的重构各种不同的尺寸,这一款工具是即将出现的Typercast app的制作团队研发的。
39. Screenqueri.es
这也是一个浏览器尺寸测试工具,但是这款工具是Mandar Shirke制作的,不同的地方时它拥有扩展的手机和平板电脑的集合,并且想网格标尺一样让测量更加容易。
40. Aptus
这是一个测试站点的app,可以使用很多预定的尺寸,但是Aptus是基于Mac系统的,可以轻松地通过Mac App Store获得,增加了很多额外的特点,例如方便的截屏和线下支持等。









