5key’s blog

新的开始

杭州-阿里巴巴

4月 29th, 2008 5key Post in 生活点滴 , 458 views 24 条评论 »

阿里巴巴 

看了一下上篇日志,差不多在网上消失了20天。期间不少朋友问我跑哪去了。感谢各位朋友的关心,其实5key这段时间在忙着搬家到杭州,加入阿里巴巴。目前于B2B国际站UED团队任职交互设计师。

一般来说,大多数朋友都接着问了另外个问题。那你女朋友怎么办?留在上海?呵呵,再次谢谢大家的关心。GF和我一起也来到了杭州,加入了阿里妈妈

很幸运,从GF申请离职到退掉上海的房子以及到杭州这边租房,我们都很顺利。虽然工作会很忙,但我们都比较开心。很久没有这样的感觉了,就像回到大学时代一样。很高兴能在这里认识一批优秀的同学们。相信我能在这里获得更大的成长。

昨天很意外的收到淘宝UED青云的邀请,希望我能加入到淘宝UED的团队,深感荣幸。可惜晚了…我还是很喜欢淘宝的:)当然,如果大家有兴趣加入到阿里UED的团队,可以到这里看看。也可以联系我。(msn:5key@live.cn

送一张厦门电信宽带上网卡

4月 8th, 2008 5key Post in 生活点滴 584 views 6 条评论 »

上周到厦门玩的时候买的,就收过一下邮件。放着也是浪费,送给有需要的朋友。请留下你的Email,我会将账号密码发送给你。先到者得:) 

面值:10元(2元/小时)

地区:仅限厦门地区电信宽带使用。

有效期:2010年1月

使用提示:

  1. 运行PPPoE拨号软件建立连接;
  2. 在弹出窗口中输入用户名、密码;
  3. 连接

身份证号码的那个X

4月 7th, 2008 5key Post in 网站体验 1,510 views 9 条评论 »

电脑系统坏掉, 我不得不重新安装招行专业版,它对我太重要了。还好我有做证书备份,否则又要跑一次银行。

说实话,这个恢复系统实在是不敢恭维。每次使用,都能给我找点麻烦。这不,又给我来了个“用户、证件号、密码或证书出错”。要知道,银行相关的东西,会搞得人很紧张的。

招商银行证书恢复

我不得不仔细的核查证书文件、身份证号码、还有密码,再次确认,还是错误。再试,再错……找出申请单,核查,再试,还是错误!怒了,放弃!

过了两天,想起身份证上的那个X,好像要大写。再次尝试,成功。很汗,虽然我的问题很弱智,但好歹提醒我一下吧。

PS. 招行专业版的这个证书恢复系统好像几年都没变过。

杭州租房

4月 5th, 2008 5key Post in 生活点滴 725 views 11 条评论 »

19点,飞机降落虹桥机场,三天的厦门游结束。要开始准备搬家租房了,跨城市的搬家比较麻烦,还是要抽一天时间去杭州把事情一次性搞定。如果大家有合适的房源,请加我Msn(5key@live.cn)联系我。:)

  • 地点:杭州西湖区文三路附近
  • 户型:一室(两室)一厅
  • 装修:中等
  • 家电配置:(全配)

Ps. 这似乎是个租房的季节。掺掺幻想曲也在找房子。

自适应的标题

3月 18th, 2008 5key Post in web开发 , 1,567 views 17 条评论 »

阿里前端(方凳)出了道题,有点意思,想了一方案,给大家分享一下:)

预览地址:http://5key.net/demo/liquid-css-title/

要求如下:

  1. 宽度自适应
  2. 标题文字自适应
  3. 尽量用一张背景图
  4. 尽量少的嵌套

效果嘛,先给出我的截图如下:

自适应的标题

以前曾做过一个自适应宽度的圆角按钮。不过这里有两个自适应在里面,所以也得稍微的修改一下。

1、先来看用到的背景图:

自适应的标题

2、代码部分:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>自适应宽度标题 @5key.net</title>
  6. <style>
  7. body{margin:0; padding:20px; font-size:12px;}
  8. .box{background:url(2.gif) no-repeat; height:28px; padding:0 0 0 20px; margin:0 0 10px 0;}
  9. .innerbox{background:url(2.gif) no-repeat right 0; height:22px; padding:6px 0 0 0;}
  10. .title{background:url(2.gif) no-repeat -128px -29px; height:22px; float:left; padding:0  0 0 5px;}
  11. .title span{background:url(2.gif) no-repeat right -29px; height:16px; padding:6px 10px 0 5px; float:left; color:#F60; font-weight:bold;}
  12.  
  13. .title1{width:150px;}
  14. .title2{width:200px;}
  15. .title3{width:300px;}
  16. </style>
  17. </head>
  18.  
  19. <body>
  20. <div class="box title1">
  21. <div class="innerbox">
  22. <div class="title">
  23. <span>我是第一</span>
  24. </div>
  25. </div>
  26. </div>
  27. </body>
  28. </html>