响应式Web设计资源整理

这篇文章是对以往发表在Smashing Magazine上关于响应式Web设计的文章的集合,所选出的文章都是最有用最受大家欢迎的,下面就请大家来看看吧。

概览

响应式 Web设计的概念及用法

现在几乎是每出现一个客户端,就会要求有网站有一个适用于它的移动端版本。这是有实际需求的:你得为BlackBerry设计一个移动端版本,得为iPhone设计一个移动端版本,得为iPad、netbook、Kindle都设计一个移动端版本——所有这些屏幕的分辨率还必须是兼容的。在未来的五年内,我们很可能要为新出现的产品设计出移动端版本。这实在是件让人抓狂的事情。新产品的出现是一种必然,那么,不断去进行新的设计也必须是一种必然吗?

响应式Web设计资源整理

在Web设计和开发领域,我们很快就会发现,要跟上新产品出现的速度,是很难做到的。对于很多站点来说,根本不可能为每一个有着新分辨率的新产品设计一个移动端版本。那么,我们真的是鱼和熊掌不可兼得,必须舍弃用某种设备的用户换来使用另外一种设备的用户吗?或者还有新的方法?

阅读全文:

如何应对 Media Queries不受支持的情况

Media queries是Ethan Marcotte实现响应式设计的第三大支柱。要是没有media queries,流体布局(fluid layouts)将会很难适应各种屏幕分辨率的多变需求。Fluid layouts在小的移动端设备上可能让内容显得拥挤而难以阅读,而在大屏幕上又会显得过大而笨重。Media queries让我们可以使字体适应用户设备的屏幕大小及分辨率,打造最为完美的阅读体验。

响应式Web设计资源整理

CSS3 media queries包含浏览器width变量,受到现在大多数浏览器的支持。但是,缺乏支持的移动端和桌面端浏览器只能提供给用户一个欠佳体验,除非我们能采取一些措施。本文介绍了一些可以用来解决这个问题的一些技术供开发者参考。

阅读全文:

响应式Web设计的技术、工具及策略

还在11月的时候,Smashing Magazine上就发布了一篇名为“响应式设计的概念及用法”的文章。现在,响应式设计获得了更多关注,但是考虑到它和传统的网站设计技术有很大不同,对于还没有尝试过响应式web设计的设计人员来说,它还是让人觉得困难。

响应式Web设计资源整理

考虑到这一点,在这篇文章中汇编了一些响应式设计的资料,其中包括教程、技术文章、工具和其他一些东西,所有这些资料都是为了让你能获得关于创建响应式设计的详细知识。

阅读全文:

如何使用CSS3 Media Queries 来为你的网站创建一个移动端版本

CSS3一直以来都是让人又爱又恨。它给设计带来无限可能,能解决很多问题,但它在IE8中却得不到支持。这篇文字将会向你展示使用不受IE8支持的CSS3的技术。然而,即使它不受IE8支持也没有很大关系,因为在它应用最广的地方,也就是移动设备上(如iPhone、Android设备),它还是得到了很多支持的。

响应式Web设计资源整理

在这篇文章中,将会展示如何只用少量CSS规则就可以创建一个站点的iPhone版本。文章中将会展示一个简单的例子,还会讲解向一个站点添加一个针对小屏幕设备的样式表(stylesheet)的过程,这个过程将会显示,为已有网站添加针对移动端设备的样式表是非常容易的。
阅读全文:

分类:产品 时间:2015-01-18 人气:13
本文关键词: 交互设计
分享到:

相关文章

iOS 开发

Android 开发

Python 开发

JAVA 开发

开发语言

PHP 开发

Ruby 开发

搜索

前端开发

数据库

开发工具

开放平台

Javascript 开发

.NET 开发

云计算

服务器

Copyright (C) codeweblog.com, All Rights Reserved.

CodeWeblog.com 版权所有 闽ICP备15018612号

processed in 0.032 (s). 9 q(s)