一套设计稿多端适配：电脑、手机、平板和车机

前几天优酷小伙伴告诉我，他们现在做方案，基本上只产出一套设计稿了，无论是iPad、安卓大屏、电脑或者是车机，全部通过响应式设计搞定。

本来还不信来着，毕竟iPad屏幕尺寸跟手机也差太远了吧，一个[……]

阅读全文 »

响应式布局测试工具，比Chrome自带的扩展更好用

现在智能手机和平板不断更新，分辨率也随着增多，导致测试响应式的网页布局越来越困难，如果用Chrome浏览器自带的扩展程序来测试，每检测一个分辨率就要去选择一次，10个设备就要选择10次，这样来回是很麻[……]

阅读全文 »

贝壳找房的响应式网页布局设计

响应式网页布局设计已经成为互联网的主流标准。让网页适应从桌面到手机的不同大小、不同分辨率的屏幕，从而为用户提供更好的体验。本文以贝壳找房为例，在贝壳找房原有的网页基础上，结合目前的设备屏幕趋势和业务的[……]

阅读全文 »

Material Design 之响应式栅格布局

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

阅读全文 »

使用响应式图像

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

阅读全文 »

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

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

阅读全文 »

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

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

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

阅读全文 »

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

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

阅读全文 »