2013年05月_gougoucai

转载 50个值得收藏的实用CSS代码片段

1. CSS Resets html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, st

2013-05-28 09:24:52 988

转载 8大核心要点：我们能用HTML5 Canvas做什么？

最近在国外问答网站Quora上，许多开发者对于HTML5 Canvas元素的实用性进行了一系列探讨。Canvas非常灵活，能够很好地融合JavaScript代码并在浏览器内绘制华丽的图形。Canvas究竟具体能做些什么？3D3R公司创始人兼CEO Ohad Eder-Pressman的答案十分精彩，我们对其文字进行了翻译和整理，不妨一起来看一看。图：用Canvas绘制的图形

2013-05-28 09:19:10 757

转载事半功倍：你应该知道的HTML5五大特性

HTML5的诞生为Web App以及移动App开发带来了许多新鲜有趣的JavaScript与HTML API。本文将介绍5个能够让你事半功倍的HTML5特性。 1. DNS Prefetching DNS主机名解析有时会出现拖慢网站速度的问题。现代浏览器当遇到DNS解析时已经十分聪明——用户在跟随某个链接之前，浏览器先尝试解析域名再将其进行缓存。 DNS Prefet

2013-05-28 09:14:25 358

转载 Web开发者不容错过的20段CSS代码

Web开发技术每年都在革新，浏览器已逐渐支持CSS3特性，并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发。但仍然有一些开发者迷恋着一些CSS2代码。本文将分享20段非常专业的CSS2/CSS3代码供大家使用，你可以把它们保存在IDE里、或者存储在CSS文档里，这些代码片段绝对会给你带来意外的惊喜。 1. CSS Resets 网络上关于CSS重置的代码非常多

2013-05-28 08:34:47 356

转载复杂产品的响应式设计【流程篇】

响应式网页不像传统网页只需考虑一种状态，不是交付一套设计稿就完事儿了，它给设计、前端和开发团队之间的协作模式带来新的挑战。在一个复杂产品全面响应式的项目里，交互每个阶段该产出什么？交互与视觉如何协作？前端何时介入？哪些事情让后端开发来做更合理？经历“玩客”第一版后，我们得到了一些答案。响应式设计之所以叫响应式“设计”而不叫响应式“技术”，是因为它是一项设计先行的工作。需要设计先明确好响应方

2013-05-24 08:57:51 405

转载 [探讨] 用户体验设计师现在面临怎样的机遇和挑战？

提到用户体验设计师，首先要说一说什么是用户体验设计？笔者认为在产品功能性达到要求的基础上，更强调用户的情感因素，如令人满意的、令人愉悦的、有趣的等等。比如iPhone的开锁按钮、微信的摇一摇功能，无需别人教授，一看就知道怎么操作。用户体验设计师职责：负责包括产品的概念原型设计及细化的交互设计，配合进行用户测试及分析；团队成员合作，交流各种想法，画出原型，

2013-05-21 09:39:05 433

转载浅谈用户体验的“反面模式”

本文是来自微博UDC的一篇译文，作者向大家介绍了什么是反面模式，并且列举了网站设计人员在平时工作会遇到的几种常见的反面模式。作为网站的一个用户，你也许时常会发现，使用网站时，有些东西很令人厌烦。例如一个登录的表单，或是导航，或者是整个网页应用，都有可能让你难以完成一项任务。是什么原因让网站的设计产生了这些问题？答案是复杂的。首当其冲的问题是，设计师们可能忽略了很重要的一点：对实际用

2013-05-21 09:03:54 402

转载 html/css/js开发者必备的10款最佳工具

Topcoat Topcoat是一个简洁干净的CSS类库，其专门用于表单元素，如按钮、复选框、滑块等。只需几分钟，就可以设计出一个完美的网站或应用程序。 Countable.js 正如你所猜测，Countable.js是一个JavaScript函数，用来统计某个HTML 元素中包含文本的段落数、单词数和字符数。无需依赖于任何JS框架，体积非常小。 iChec

2013-05-18 13:31:22 772