Jensen Wu UED

网页设计师入门必经之路：网页设计师的书签设计师的家蓝色理想—— 网页设计和前端开发梦起源的地方 deviantART —— 大型国际性设计网站 站酷 —— 交流设计 分享快乐 68Design —— 网页设计师联盟 UCDchina —— 以用户为中心的设计 UIRSS —— ui设计大社区 CHINAUI-优艾网 —— 中国UI设计大本营

今天在处理项目页面样式，发现原本同样两个页面，但展示样式风格就是不一样，一个字体大一个小；有user agent stylesheet样子正常样子经过chrome查看样式，发现多出了一个user agent stylesheet样式，覆盖了原来样式经查询，原来user agent stylesheet是浏览器自带样式；通过与前面正常文件对比，发现自己

2. 使用CSS精灵减少HTTP请求CSS Sprites 可能是自从Tesla发明了电流以后最cool的事情。呃，我的意思是爱迪生。嗯，不大，但是非常紧凑。CSS sprites 可以通过合并你的css背景图片，减少页面向服务的HTTP请求，轻松的降低页面的加载时间。许多教程只是教你如何使用CSS精灵制作导航，我要说的是使用它制作整个网站的用户界面。首先，

先看几个数据。。一大堆文字滴，不管人家是不是故意的，字数还是这样：news.163.cn：14px，39个中文字符news.sina.com.cn：14px，42个中文字符news.sohu.com：14px，38个中文字符news.qq.com：14px，40个中文字符搜索引擎的搜索结果google：41 *3 ，宽度34em*16px=544px，在第39/40个字符有插上

最近做了JS模板引擎测试，拿各个JS模板引擎在不同浏览器上去运行同一程序，下面是模板引擎测试数据；通过测试artTemplate、juicer与doT引擎模板整体性能要有绝对优势；js模板引擎JavaScript 模板引擎作为数据与界面分离工作中最重要一环，越来越受开发者关注，从而出现在各大型网站 Twitter、淘宝网、新浪浪微博、腾讯QQ空间、腾讯微博等。那么他们各自性能怎么样？请

挣脱浏览器的束缚（2） - 别让脚本引入坏了事2007-01-20 01:25 by Jeffrey Zhao, 5267 阅读, 43 评论, 收藏, 编辑现在哪里还找得到不引入JavaScript脚本文件的Web应用？使用脚本文件的好处多多，其中最重要的可能就是提供缓存能力了。使用脚本文件之后再加上缓存，可以大大降低数据传输量，提高页面打开的速度。不过脚本文件的引入也不是简

挣脱浏览器的束缚（3） - 两个连接还不够“并行”2007-01-22 14:42 by Jeffrey Zhao, 5894 阅读, 26 评论, 收藏, 编辑在讨论这次的主题之前，我们现在看一下脚本优化的另一个问题，就是“优化难度”。在这里我所说的“优化难度”是指优化一张页面时的修改难度。例如在前一片文章中，使用document.write来引入脚本的话，其“优化难度”会非

挣脱浏览器的束缚（1） - 前言2007-01-18 17:08 by Jeffrey Zhao, 6129 阅读, 24 评论, 收藏, 编辑最近在为某个人门户站点作优化。从传统意义上来说，这个站点的各方面都属中规中矩。不过作为一个以客户端为中心的Web应用，其性能，尤其是它的感知性能（Perceived Performance），经常会严重受制于浏览器本身。一个没有

【TechTarget中国原创】不同网络的带宽需求的不同的。计算每秒在网络中的流量以及每个应用程序所使用的带宽总量对于建立或维护一个快速高效的网络来说至关重要。　　如同大多数网络管理人员所说的，网络带宽是设计和维护高效LAN或WAN的最关键因素。和服务器不同，服务器可以在网络中任意配置，但是带宽在设计网络初期就做了最佳优化。在设计网络时，你如何计算你需要的带宽总量？需要考虑哪些具体应用？在

网络、网卡的带宽所使用的单位是bit，2M 宽带其实是指 2Mbps；下载速度的单位是Byte。一个是小写一个是大写，它们之间的关系是1 Byte = 8 bits即1KB=8Kb；所以 下载速度只有网络带宽大小的八分之一，2M只有200多的原因。        另外你说的正常工作的速度，是这样的，带宽的计算方法是：每秒钟下载文件的字节数×8/0.7 = 宽带的速率。如：下载文件的字节数为18

web2.0技术-css兼容IE6/IE7/FF的通用方法和著名的Clearfix Hack  2009-10-28 15:10:03|  分类：网页设计 |字号 订阅一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的

js事件监听是学习js过程中必然要学习和掌握的。下面是js事件监听的代码function addEventHandler(target, type, func) {    if (target.addEventListener)        target.addEventListener(type, func, false);    else if (target.attachE

JS的事件监听机制很久以前有个叫Netscape的姑娘，她制订了Javascript的一套事件驱动机制（即事件捕获）后来又有一个叫“IE”的小子，这孩子比较傲气，他认为“凭什么我要依照你的规则走”，于是他又创造了一套自己的规则（事件冒泡）再后来，有个叫W3C的媒婆，想撮合这两个孩子，将他们的特点融合在了一起，这下，事件产生的顺序变成：事件从根节点开始

javascript监听键盘事件 网络资源1. 监听键盘事件源和键盘动作来实现不同的操作//Form中的控件的名字都为数字如：1，2，3 ...//这样在控件比较多的情况下可以比较容易对事件来源进行分类var id=parseInt(event.srcElement.name);var keyid = event.keyCode;if(id>6 && id

JQ选择器JQUERY找无规律元素文本的办法具有限定子节点选择器:$("mix1[mix2]"):返回包含mix2的mix1节点.如:$("div[a]"):包含a标签的div. 这个和$("div a")不相同.后者表示div中的a标签,返回的是a标签对象,前者返回的是div标签对象 冒号限定结点选择器:$("mix:condition"):mix标签,并且满

2012年初，我负责了对公司“深度匹配”产品进行了一次全面的用户体验规划，对产品整体的设计开展提供了用户视角的依据。过程收到了PD同学和业务团队的一些不错的反馈。在这里和大家分享一下这个设计推导过程。新设计师在进行交互设计时，很容易直接进入具体的界面层的设计思考，而整个过程中的前期推导过程却很容易被忽略，在这个案例中会着重前期推导的部分。基于提炼的方法论先放出一张我

常常在手机输入时，我下意识会先输入我想要的汉字，噼噼啪啪后才发现当前是英文输入法，于是我不得不删除这几个字母——切换回中文输入——重新输入。　　这是一个典型的“切换导致重复操作”的例子。　　切换在互联网产品领域的概念可以理解为:从一种页面到另一种页面后可以继续操作，通常用户为达到同一目的切换到不同的方法进行。以输入法为例，用户通常会直接使用默认的设置，在发现无法达到

触屏版网页应用，实现移动场景用户需求、体现少即是多的设计精髓并表现主流的触屏界面气质，可算初步达标。在设计过程中需不断打磨细节，提升体验，令设计日臻完美。下篇将结合案例讲述其中的故事。 >>提升体验的细节  让消息更随手 翻页大讨论 重要数字了然于胸 关于软键盘 大话横竖屏切换 让界面更“可触模” 对话框设计 链接下划线的讨论

【兼容html5方案】百度贴吧，百度图片的实现[if lt IE 9]>(function(){ var tags = ['header','footer','figure','figcaption','details','summary','hgroup','nav','aside','article','section','mark','abbr','met