腾讯微博邀请码第二波【再增加5个】

2010年05月10日

原本想收一些回帖送腾讯微博邀请的,不过看看现在也挺泛滥的,所以干脆就直接送了,一个人一个,别浪费了

http://t.qq.com/invite/fe675502c26f851bb47b

http://t.qq.com/invite/c0116b1f31e9e60beec3

http://t.qq.com/invite/be97e462224b60e996dd

http://t.qq.com/invite/c750b8f6b0a4b62fba27

http://t.qq.com/invite/6fe0fa32b6f866b28be7

阅读这个条目剩下部分 »

分析border边框属性在浏览器中的性能对比

2010年05月7日

当初写完了《分析border边框属性在浏览器中的渲染方式》这篇日志后,有人跟我说,“小志啊,你这个并不能说明border:0 none;方式性能就是好的啊”。这点我承认,的确如此,因为那篇日志仅仅只是说明了border针对input标签和button标签在渲染方式的一个渲染方式对比。

然而今天在涛哥的勾引下,我使用了谷歌浏览器作为平时默认浏览器,顺带安装了一些插件,值得一提的是谷歌浏览器自带的有一个叫“任务管理器”的东西比较好玩,可以看很多参数,比如什么“缓存”啦、“内存”啊之类的。

“内存”这个东西我看了之后,突然想到曾经不是有人说border渲染后的性能么,于是乎,就在原来的那个demo基础上针对border:0;border:none;以及border:0 none;这三个做了一个简单的对比。

阅读这个条目剩下部分 »

woyo.com招聘网站重构工程师

2010年05月7日

具体薪资待遇视能力而定,请勿问小志,简历可先发到小志邮箱: linxz@linxz.cn

woyo.com招聘【网站重构工程师】

网站重构工程师
职位描述(工作职能):
  1. 负责产品设计的前端开发工作,利用各种Web技术将设计转换成最终web界面;
  2. 根据用户的需求,分析并给出最优的前台技术解决方案;
  3. 负责了解后端技术实施,提供前端与后端技术应用解决方案;
职位要求(具体用人要求):
  1. 有Web项目开发经验; 2年以上前端开发经验;
  2. 深入了解HTML、CSS等前台相关技术;
  3. 熟悉W3C网页标准;
  4. 有解决问题、钻研新技术的兴趣和能力;
  5. 善于交流和表达,有良好的团队合作精神;
  6. 对业内新技术及趋势有较强的敏感度;
  7. 抗压能力强,可应对较大的工作压力;
  8. 至少有一个可在网络上浏览的作品或以附件形式发送;
符合以下条件者优先考虑:
  1. 熟悉PHP;
  2. 具有大型平台类产品工作经验;

工作地点:上海

薪资待遇:你的能力决定你的薪资待遇 3~12K

关于a标签中图文链接在IE的一个BUG分析

2010年05月5日

在此必须要声明一点,或许有朋友认为小志博客中的日志还算OK,因此转载了文章,如果你们在转载的时候遗漏了日志的原文出处没关系,但请千万不要修改原文内容,有不同意见可以增加备注,但请保证原文的一致性,必要产生不必要的误解,在此小志先谢过了。

此文中提到的问题是在IE6/IE7中出现的

在五一之前Rock给了我一个很好玩的demo,当时我看到他所给代码跟截图时心中想到这个解决方法应该有很多哦,为什么一定要这样折腾自己呢,搞那么问题BUG出来呢。不过后来深入的了解之后才发现这个问题真的很好玩,当时一直想不出来为什么,然后Rock告诉我说他问题是解决了,但不知道是为什么。而解决的办法他提到了“无法冲破的z-index”让我猛然想起了小毅写的《position:relative/absolute无法冲破的等级》,难道跟这个有关,简单测试一下,果然如此。

当时虽然是解决了问题,不过也没啥心情去折腾个究竟,丢在桌面无视之。晚上突然感觉想到,于是乎就有了这篇日志了。废话不多说,先来看Rock给我的demo,似乎有点被修改过了,那么我自己也来整一份吧,请点这里看我整的这个DEMO,用IE打开哦。

阅读这个条目剩下部分 »

还在潜水?潜规则—腾讯 ISD webteam 2010招聘

2010年04月30日

ISD Webteam 是腾讯互联网系统设计团队,我们专注于网站产品的体验设计,包括网站的可用性、视觉风格以及网页重构。主要服务产品包括QQ空间、QQ会员、QQ秀、QQ音乐、QQlive与拍拍。

如果你愿意来体会ISD Webteam的工作氛围,并且已经选定了心中的目标岗位,那么,请将你的个人简历及相关作品,发送至我们的邮箱webteam@qq.com,邮件标 题请注明“岗位名称”,如“[应聘交互设计]”。

详情请查看:http://isd.tencent.com/job/

关于ISD Webteam相关岗位的描述,具体如下:

我们关注以下素质:

● 人机交互、认知心理学、工业设计、或相关专业本科以上学历,硕士优先。
● 熟悉研究方法论和研究步骤,了解各种研究方法,有统计和数据分析基础。
● 优秀的英文文章阅读能力,能阅读专业相关文章,英语六级以上优先。
● 具有良好的工作计划和自我管理能力,能研究投入和收益比率,在有限时间内完成研究报告。
● 较强的沟通能力,能与其他研究员,不同职能的团队协作。
● 对互联网行业热情,有实际针对互联网产品的研究经验者优先。
● 2年以上相关工作经验(含实习)。

我们关注以下素质:

● 人机交互、认知心理学、工业设计、或相关专业本科以上学历,硕士优先。
● 精通网站构建的相关流程,包括网站功能分析、用户角色分析、原型设计、界面开发、易用性测试等;
● 有丰富的网站交互设计经验,有成功案例;
● 对业界最新的交互应用有深入的见解;
●  对用户体验和易用性有敏锐的把握能力;
● 逻辑分析能力强,善于沟通和协调,较强的写作能力;
● 有大型互联网企业相关工作经验优先考虑。

我们关注以下三类素质(满足任何一类即可)

1.WUI
● 对大型社区类、商城类的网站界面设计有丰富经验,有成功案例;
● 良好的平面审美能力,熟悉网站的交互设计,并对网站的易用性有一定研究;
● 精通各种图形、图像与动画处理软件,如Adobe系列、Macromedia系列;
● 有较强的学习能力,善于沟通。

2.GUI
● 对各平台的界面设计有浓厚的兴趣,有成熟的商业UI设计经历,有作品;
● 美术基础扎实,优秀的造型与色彩能力;
● 熟悉人机交互设计,有一定的方法沉淀;
● 精通各种图形、图像与动画处理软件,如Adobe系列、Macromedia系列;
● 有较强的学习能力,善于沟通。

3.Game
● 热爱游戏事业,有游戏设计经历,有作品;
● 美术基础扎实,优秀的造型与色彩能力;
● 灵敏的行业触觉,绘画风格时尚而全面;
● 精通各种图形、图像与动画处理软件,如Adobe系列、Macromedia系列;
● 有较强的学习能力,善于沟通。

我们关注以下素质:

● 对符合web标准的网站重构有丰富经验,有成功案例;
● 精通结构化语言xhtml、xml与解释性语言css;
● 精通图像处理软件与网页编辑软件;
● 对业界最新的页面实现有浓厚的兴趣和深入的见解;
● 逻辑分析能力强,善于沟通,较强的学习能力;
● 熟悉对象模型与脚本语言,有前台开发经验者优先考虑。

如果你想做开心、有意义的事情;

如果你很优秀,并且有着自己对设计的理想和追求;

如果你是对设计的偏执狂,却无力发挥自己;

请加入我们,创造完美的互联网生活体验。

简历投递:webteam@qq.com,邮件标题请注明“岗位名 称”,如“[应聘交互设计]”。

腾讯ISD招聘页面重构工程师

2010年04月23日

腾讯ISD招聘页面重构工程师

招聘职位:页面重构工程师

招聘要求:
对符合web标准的网站重构有丰富经验,有成功案例;
1、精通结构化语言xhtml、xml与解释性语言css;
2、精通图像处理软件与网页编辑软件;
3、对业界最新的页面实现有浓厚的兴趣和深入的见解;
4、逻辑分析能力强,善于沟通,较强的学习能力;
5、熟悉对象模型与脚本语言,有前台开发经验者优先考虑;

此招聘信息截至时间:2010年5月

如果你想应聘该职位,请发简历到小志的邮箱:linxz@vip.qq.com,或者直接通过你所拥有小志IM联系方式找小志聊聊哦,好的机会在等你,别错过!

关于利用:first-letter实现首字下沉的一些看法

2010年04月20日

前几天在“CSS那些事儿”的群中,一位读者朋友(小土豆)问我书中提到首字下沉的时候为什么要增加一个清除浮动。当时我自己一时迷惑了,为什么呢,怎么一点印象都没有呢。赶紧打开电子版的《CSS那些事儿》找到相对应的章节,并且在各个浏览器中测试了之后才发现,我当初对这块的说明太少了,才让她产生了一些不理解的想法,或许也有其他的一些读者会存在这样的问题。

发现了问题就需要解决问题,因此我就拿这个首字下沉的时候为什么要清除浮动而做了一系列的测试,结果让我感觉有点崩溃,原来我在那章节中说明的内容太少了,在这里赶紧做个补充,希望读者朋友们能看到这篇文章后不会再对那个清除浮动而产生迷惑。

首先来看一下我在书中仅有的一段对首字下沉进行说明的代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
<style type="text/css">
p:first-letter {
	float:left; /* 设置段落p标签的首字为浮动,让其占据多行的空间 */
	font-weight:bold; /* 加粗段落p标签的首字 */
	font-size:2em; /* 设置段落p标签的首字为其他字体的2倍 */
}
p {clear:both;} /* 清除首字的浮动,避免影响p标签的高度与其相叠加 */
</style>
 
<h2>【端午节由来】</h2>
<p>关于端午节的来历,归纳起来,大致有以下诸说:</p>
<p>迎涛神,此说出自东汉<span>《曹娥碑》</span>。曹娥是东汉上虞人,父亲溺于江中,数日不见尸体,当时孝女曹娥年仅十四岁,昼夜沿江号哭。过了十七天,在五月五日也投江,五日后抱出父尸。</p>
<p>春秋时吴国忠臣伍子胥含冤而死之后,化为涛神,世人哀而祭之,故有端午节。</p>

在书中所提到的注释里,仅对p标签清除浮动做了一个简单的说明,内容如下:

p {clear:both;} /* 清除首字的浮动,避免影响p标签的高度与其相叠加 */

就是因为这么一句话,让小土豆这位读者产生了猜想,为什么要清除浮动。在部分读者眼中或许已经比较清楚明白为什么要清除浮动,因为:first-letter伪对象有一个浮动的属性。后来我想想,为什么这个有浮动属性就要清除浮动,这个问题似乎需要说明一下。

阅读这个条目剩下部分 »

腾讯微博邀请码

2010年04月17日

一早起来,突然感觉腰好痛,感觉最近有点疲惫了,什么事情都不怎么顺心,在这个讨厌的城市一切都是那么的讨厌。常跟自己说这事磨炼,但真的好累。唉……

废话不多说,今天写日志是送腾讯微博的邀请的,先到先得,没拿到的也不要嚷嚷哈,今天有十个,所以一起发出来。

请各位不要浪费资源,一人一个。
阅读这个条目剩下部分 »