163 UED Team -- IT技术博客大学习 -- 共学习共进步！

• [译]跨浏览器的多点触控与鼠标事件处理

本文主要解释了Web开发者如何通过使用IE10中新引入的pointer事件模型、iOS上的touch事件模型以及W3C标准的扩展鼠标事件模型来编写普适的跨浏览器的触控事件处理代码。题外话：我很幸运的拥有一台三爽的700T开发者平板。通过它可以很好的体验IE Test Drive中的多点触控demosTouch Effects和Lasso Birds。你可能也注意到了，Lasso Birds在除了IE10以外的

• [翻译] CSS3弹性盒模型布局模块 (aka Flex Box)介绍和demo/测试用例

CSS3弹性盒模型布局模块 (aka Flex Box)介绍和demo/测试用例

• 你的网站使用Flash了吗？

两年前，我们开发了一套基于Flash的文件（主要是图片）上传RIA应用，提供给阿里巴巴的用户使用。如果你使用过Wordpress或flickr上传图片，你应该已经用过类似的产品。这个程序基于YUI Uploader开发，增加了一个实用的功能――在客户端先将图片缩小，再上传到服务器。用户用数码相机拍摄的照片往往有600万以上的像素，但产品图片放到阿里巴巴网站上显示，并不需要这么大的像素，通常等比例缩小到1024×1024之内就可以了。

• 10种方式实现跨域资源的共享

在客户端编程语言中，如JavaScript和ActionScript，同源策略是一个很重要的安全理念，它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的，一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域，什么叫不同的域呢？当两个域具有相同的协议(如http), 相同的端口(如80)...

• 前端开发中HTML与javascript的常用字符编码

在日常的前端开发工作中，我们会经常的与HTML、javascript、css等语言打交道，和一门真正的语言一样，计算机语言也有它的字母表、语法、词法、编码方式等，在这里我简单的谈一下前端HTML与javascript日常工作中常碰到的编码问题。在计算机中，我们储存的信息都是用二进制码表示的。我们认识的、屏幕上显示的英文、汉字等符号和储存用的二进制代码的互相转换，就是编码。

• 交互设计师如何做交互？

交互设计师到底是需要做什么？尽管很多谈及交互的书上都已经回答过了：发现用户需要，建立明确需求提出设计方案制作设计原型用户测试和评估还是有很多对交互设计有兴趣的朋友会问我这个问题，并希望我能回答得详细，具体到我工作中的每个细节。其实交互设计需要做什么，会随每个交互设计师的工作内容差异而不同，具体到每个项目也会有区别。下面分享下我是怎样做交互，方式不一定是最合适，希望大家多指点，共同学习进步。

• 前端设计中的浏览器CSS Hack汇总

CSS Hack是我们解决浏览器兼容性（尤其是IE各版本）问题的常用手段。CSS Hack的手法可以说是五花八门，使用时经常混淆。下面是一个汇总，以便查阅。

• 精于图片处理的10款jQuery插件

这篇文章将重点介绍用于图片处理的10个超级jQuery插件，可以生成图片的动画和特效，缩放图片大小等等。

• 十款Firefox插件帮助Web开发者提高效率

Firefox浏览器能成为Web开发者和设计者最喜欢的浏览器，一个重要原因就是它有着丰富的插件可以用来辅助我们完成Web开发工作。下面给大家分享十款在Web开发工作中经常会用到的插件，利用好它们可以大大提高工作效率。

• 移动用户体验设计中的原型应用

一把好的椅子，是否需要我们通过阅读使用手册才能知道如何使用它吗？答案当然是否定的。一把好的椅子，是在我们看到它时，我们很自然的就知道它能够干什么，我们该如何使用它。也就是说：“椅子”这个概念已经深入人心，是个被高度认可的原型（Archetype）。现有的移动领域里，我们也在探索如何将“原型”的概念揉入到我们的设计中去。原型的定义：指的是那些被复制，模仿或者仿真的事物原始形态，它是一种能够被人所广泛认可的...

• 给数据穿上美丽的外衣

如今，在设计，通讯，信息及数据新闻，用户界面多个领域都可以见到数据可视化的身影，引入视觉设计的数据大大提升了说服力，可读性和逻辑性都得到了增强，他带来的不仅仅是颠覆表格那么简单，而是一种思想理念，它不仅把可视化信息作为一种沟通工具；同时也是一种重要的数据挖掘的手段。

• 使用 HTML5 可以做的五件很棒的事情

作为下一代的网页语言，HTML5 拥有很多让人期待已久的新特性，它可以说是近十年来 Web 标准最巨大的飞跃。这篇文章将向大家展示使用 HTML5 可以做的五件很棒的事情。

• iPad用户体验暨UI设计―如何设计出优秀的用户界面

iPad划时代地将我们带入了平板电脑时代，对于传统的移动终端的设计师而言，一个拥有更大的触摸屏幕，更大空间的舞台展现在大家面前，看上去一切都是那么的美好。然而如何在iPad上设计出优秀的用户界面？相信对于设计师们的挑战与忧愁远不止屏幕放大那么简单。

• 万物皆有爱，让UED设计从“心“开始

今天在这里，不以设计师的身份，而从一个普通用户的角度和各位聊聊设计中蕴含的那份情感，关于情感再产品设计中的意义，聊聊设计中的那份源于“心”的情感！

• Mobile Web Design

各式或华丽，或炫目，或让人迷惑，或让人叹服的Web Design已经愉悦我们很长很长的日子了。可是，当有一天我们发现了一个新事物――用手机上网，在手机上看网页，我们看到了一种不一样Web，这种网页大家通常叫他们Wap页面，这种页面形式用简洁的视觉效果，清晰的页面架构和小分量的页面体积第一次满足了我们手机上网的需求。

• 设计源自生活―谈生活中的用户体验设计

用户体验设计，来源自用户关怀，目的是产品和用户双赢。用户，则是广大真实存在的人们，那么来源自生活的用户体验启发，对于虚拟产品的用户体验设计，具有极大的借鉴意义。以下就是笔者在现实生活中发现的故事，并总结出了许多用户体验设计的原则。

• 如何进行用户体验的评估分析

正如其名称所示，用户体验是一种纯主观的心理感受，存在着许多不确定因素和个体差异，想要精确地评估用户体验是一件不容易的事情之所以不容易，是因为： 1. 缺乏关于用户体验的标准 1) 关于用户体验的定义，目前始终飘浮在理论层面，缺乏明确的评估标准。 2) 不同产品对用户体验构成因素的侧重点也不同。 2.缺乏有效地评估方法 1) 实验存在不确定因素，用户存在个体差异。 2) 大样本量的评估测试成本较高。

• 页面DOM加载顺序和用户视觉浏览顺序的一致性

tabindex属性有两个功能：其一是使元素可获取焦点，另一个是为元素分配在焦点序列中的位置。tabindex等于0可使元素聚焦，但是是以源元素的顺序添加到焦点序列中的。焦点的顺序依照tabindex正值的顺序。设置tabindex值导致元素的顺序与元素在DOM对象模型（DOM）中的顺序不一致，这意味着该顺序对辅助技术用户来说是不正确的，这一点繁体字网就比较注重。这主要是因为tabindex属性是在HTML或XHTML中定义的，而不是CSS指定。这可能会在未来的规范中改变，它也可能与视觉呈现顺序不一致。

• Javascript匿名函数解读

《Javascript的一种模块模式》中的第一句话就是“全局变量是魔鬼”。配合var关键字，匿名函数可以有效的保证在页面上写入Javascript，而不会造成全局变量的污染。这在给一个不是很熟悉的页面增加Javascript时非常有效，也很优美。实际上，YUI以及其相应的范例中大量使用匿名函数，其他的Javascript库中也不乏大量使用。所以认识和理解js的匿名函数非常重要，也是脚本开发人员必须熟练掌握的几个基本功。

• 手机产品细节设计

当产品经理定义出用户模型与需求后，就可以开始UI框架图的绘制了。首先是交互的流程设计，可以手绘草图，也可以使用Visio或者Axure等工具，最重要的是记录下完整的设计思维。要事先知道自己的首页要给用户一个什么样的直观感觉，是多数功能都显示在一个主页上的复杂信息型还是少量按钮的流程型。这是交互设计师的技能也是UI设计师对于产品的理解，特别是对于小屏幕的手机来说，如何尽量少的形式表达出用户真正的需求。