Material Design 之响应式栅格布局

Material Design 响应式布局栅格适应屏幕尺寸和方向，确保布局的一致性。[……]

阅读全文 »

使用响应式图像

自从2010年Ethan Marcotte开始讨论响应式网页设计，开发者和设计师们竞相寻求处理响应式图片的方法。这的确是一个棘手的问题 ，因为我们对同一个网站在众多设备宽度下，使用同一图像源。你愿意在[……]

阅读全文 »

快速测试响应式网页设计的 Chrome 扩展

测试响应式的网站可以有很多方式，比如使用之前我们介绍过的「使用Chrome浏览器模拟手机端访问网页」，又或者用在线版的「Google Resizer」，然而今天为大家分享的是使用 Chrome 扩展版[……]

阅读全文 »

Google Resizer 响应式网页尺寸调整器

现在网页都流行跨平台展示，就是在桌面 PC、移动端以及平板电脑上都能友好浏览。如何设计出正确界面给用户查看，对网页设计师来说也是最大的挑战之一。

今天设计达人网小编为大家分享来自谷歌的响应式网页[……]

阅读全文 »

JS判断移动设备最佳方法 并实现跳转至手机版网页

我在开发的Magento或Wordpress主题时，通过都会制作手机版本，为了实现某个片段在手机端和桌面端不同功能，又或者如果是手机设备，就跳转到指定的网页上，那么这里就需要用到JS来做判断了，下面有[……]

阅读全文 »

Tabella.js：响应式Table表格插件

我们知道移动手机和平板电脑的屏幕显示位置是比较小的，对于一些Table表格数据不好处理，目前较好的解决方式就是使用响应式技术。

若觉得普通的响应式不够友好，可以试试今天分享的 Tabella.j[……]

阅读全文 »

优化手机网站菜单 9款响应式导航插件下载

为了适应手机版的网站，网站导航都需要做一优化，比如使用汉堡包导航，前期我们分享过《25个适用于手机网站的菜单插件》可帮助大家搭建手机网站，方便了很多，如果你在这25个菜单插件中还没找到适合自己的话，那[……]

阅读全文 »

在线预览响应式网页工具 支持N多智能手机和平板设备 – .resizr

在平常的工作中，响应式网页设计调试比一般的网页麻烦，之前设计达人小编介绍使用Chrome浏览器模拟手机端访问网页，效果不错，而今天再次为大家分享一个在线预览响应式网页工具：.resizr，下面来看看介[……]

阅读全文 »