文章关键字 ‘腾讯’

翻译 – CSS继承详解

2010年07月29日,星期四

老外的演示文档简单生动有趣,以前企鹅团队层翻译过一篇过于line-height的文档,很是不错,我是从中学到了不少东西。这两天,我也抽空翻译个风格类似的文档,是关于CSS继承的,虽然内容比较基本,但是看看还是会有不少帮助的。学习腾讯团队的做法,我也将翻译编辑好的PDF传到了slideshare上,以方便大家的分享与学习。

阅读全文…

网页布局思想浅议-淘宝新版首页为实例

2010年01月29日,星期五

本文将探讨网页布局思想,从布局方法入手,分析各自优点,再升华为布局思想,并在布局思想的指导下进行布局优势的整合,以淘宝新版首页为实例进行演示,用以表达本文的目的:希望有即使是固定布局,也要有自适应布局的意识。本文提供尽可能多的插图,以及demo页面,希望对您的学习有所帮助。

阅读全文…

jQuery-马化腾产品设计与用户体验的一些技术实现

2009年12月12日,星期六

这几天,我是反复在看马化腾马老板在腾讯内部会议上关于产品设计与用户体验的讲演材料——产品设计与用户体验的ppt。受益匪浅,感触颇多。然而,本文不是将用户体验,更不是产品设计,而是就ppt中提到的几个小的有关体验方面的问题的技术实现。实现均是以jQuery为环境,主要是为了代码简单,因为本文涉及三个实例,不是写论文,搞长了不好。
本文主要就讲了三个与体验有关的技术点。一是个性化换肤,关键点在于css切换与cookie,里面提供了的cookie的jQuery插件值得一看;二是文本框的全选,关键点在于focus并select;三是半透明背景下的浮动层提示,关键点是黑色背景的满屏显示以及浮动层的居中定位,文章提供了一些简单的取巧的方法。
文章提供马化腾老板关于产品设计与用户体验的flash幻灯片,提供详细的demo页面以及一些截图。才疏学浅,叙述有误或代码缺陷欢迎指正。旨在交流,如果能对您有所帮助就再好不过了。

阅读全文…