2010年，Ethan Marcotte提出了"自适应网页设计"这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个范例，里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素，则6张图片并排在一行。

转自:http://ued.taobao.org/blog/2011/12/%E7%95%8C%E9%9D%A2%E8%AE%BE%E8%AE%A1%E9%80%9F%E6%88%90/

最近看了很多扁平化设计作品，然后自己新项目尝试下Flat Design，发现看似简单的图形但设计起来并不是想象中那么容易，特别是配色方面，很难整理一个好的方案，好在还有一个扁平化配色方案库，这里的配色给我很多配色灵感。所以我建议设计师们在制作扁平化相关的项

在进行网站网页设计制作的时候，经常需要用到不同的颜色的搭配，效果，网页中标明颜色比较好的是用十六进制数据来进行标注，但是由于颜色很多，这些十六进制代码数量庞大，所以blueslu整理了一些网站建设项目中常用的颜色代码，以备使用。

如今的网站设计把几何元素玩得越来越惊艳了，为什么几何元素会流行起来呢？首先，几何元素还是很好把控的，即使是初阶设计师也不难HOLD住。而且运用几何元素，很多时候只需要小小的调整，立马就让网站有一个大幅度的视觉改观，这就相当于一个小手术就能改头换面升级形象，

随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上，有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效

有权访问另一个函数作用域内变量的函数都是闭包。varc=couter()，这一句couter()返回的是函数inc，那这句等同于varc=inc;c()，这一句等同于inc();注意，函数名只是一个标识，而()才是执行函数。而之所以要用return返回函数

Responsive Design对于我来说一点都不陌生，从他在这个互联网出现的时候，就一直在观注他的成长，而且在w3cplus站上也分享了很多这方面的教程和资源。有的同学认为Responsive设计是自适应布局，也有的同学认为Responsive是网格布

到了70年代,面向对象成为Smalltalk语言的一个重要特征。当时,面向对象技术主要。点来认识现实世界、设计问题的可行解,随之也就出现了许多OOA和OOD方法。还不很成熟,在OOA与OOD的边界划分上也存在着争议。体系都分别体现了人们对OOA、OOD,以

可以打破规则，但不能忽视规则。让我们继续前进吧！这条规则与第一条规则有关联，是关于如何阐述至关重要的理念的。用同一种视觉语言来表达，使设计的各个部分彼此联系…一旦有两个元素“开小差”，或者只是一个非常细微的地方被忽略，它对其他元素而言就是“不合群者”，所传

几年前当我第一次看到Twitter的表单验证时很惊讶. 对用户界面呆板厌烦的你应该知道我在说什么. 当时我几乎兴奋的要跳起来.这个体验完全改变了我对表单的设计方法. 它让我明白表单验证意味着和用户的交流并引导他们改正错误和不确定的输入.术语“表单验证”可能

在过去的一年中，我们都看到了网页设计趋势在日益增长。或许有些朋友还记得我早些时候的一些文章关于网页设计，有兴趣的可以点击来查看，现在我们可以看到其中许多想法已经实现了，甚至有些采用了一些更高层次的新奇想法。在今天这篇文章中，我将与大家分享2013年里20多

最近给项目组做了一次Web应用界面设计规范的培训，共享一下。减少和改变责任不明，任务不清和由此产生的信息沟通不畅、反复修改、重复劳动、效率低下的现象。②产品设计通过规范的方式来达到以用户为中心的目的。比如按钮巨大无比，其尺寸甚至超过显示重要内容的文本框的界

如果你是一个web网站设计人员或者开发工程师的话，那么使用Wirefy将会对你开发一个网站原型非常的有帮助。它是一个帮助你开发响应式并且跨浏览器的CSS-JS框架。Wirefy创建的界面简单直观，不会让你的客户被颜色或其它样式给干扰，因为它让你更加专注于网

从业余到专业：04网页设计理论的相似准则我们已经讲解完网页设计的对齐、重复、对比准则，现在回顾一下。对齐可以使网页整洁、有规划。重复可以增强网页设计元素的视觉联系。对比可以区分网页内容并突出重点，引起注意。今天开始讲述相似：相似是将网页中相同的内容打组。通

浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置，这就导致如 果直接利用默认样式的页面在各个浏览器下显示非常不一致，于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。由于宋体基

如果你想自学的话以下是我们培训中心的课程大纲，你可以借鉴。

触屏手机网站在中国还属于起步阶段，从行业的现状来看，其体验参差不齐，笔者将从设备、系统、浏览器、网络、四个维度来与大家共同探讨触屏手机的网站设计：。食指点击的间距约为7*7mm，1mm间距。拇指点击的间距约为8*8mm，2mm间距,当前推荐值为9mm，最小

调用newCar()时，原型的所有属性都被立即赋予要创建的对象，意味着所有的PCar实例存放的是指向。showColor()函数的指针，从语义看起来都属于一个对象，因此解决了前面两种方式存在的问题。该方法，还能使用instanceof运算符检查给定变量指向

黄金分割法的基本原理是这样的：把颜色的对比度调节在0.618比例附近的位置上。下面我以FrontPage2000为例来讲解一下具体操作。打开FrontPage2000以后单击鼠标右键，选择"网页属性"，弹出"网页属性"