负边距实现超级流体布局

2010年10月12日 由 Key4ever 7 条评论 »

负边距除了可以进行简单的hack和实现适应浏览器的垂直和水平居中外,更多会用到在流体布局里。

今晚搜索更多相关内容的时候,从这里还学到一种结构多变(左右两栏宽度固定)但排列输出不变的负边距流体布局,我简称神奇流体布局,太神奇了,练习之余总结分享一下。

如下图,无论相关区域在相关区域里怎样滚动变换位置,输出位置都不变,left、main、right区都会分别从左到右排列。

重构也有好玩的东西,好玩之余也可以想想;

这样做的优点:

  • 结构可任意调整却不影响输出(信息量大而且用户网速慢时优先显示重要部分)
  • 优先让搜索引擎抓取重要内容
  • 用作高难度面试题(有必要?)
  • 忽悠小MM

这样做的缺点:

  • 代码不简洁,实现这样的三栏布局可用3个div解决,这里用了6个(致命)
  • 可能增加重构难度

代码如下(我要看demo),有一个地方想不明白,#in区的负边距可用大于mian宽度但小于1400px的任何整数值。#out区的负边距则可用大于right的任何整数值,为什么呢? » 阅读更多: 负边距实现超级流体布局

CodeAny LOGO 进化史

2010年8月26日 由 Key4ever 7 条评论 »

首先了解一下CodeAny

  • CodeAny提供应用级的云接口,CloudAPI 计划为广大中小网站提供自然语言处理相关的全文搜索,中文分词,文本分类,文本去重等远程接口调用,目前已上线全文搜索和中文分词接口,不久将上线其他接口.
  • CloudAPI通过PHPRPC这一协议来为多种语言提供调用,包括:Asp(Jscript/VBscript),ActionScript(2.0和3.0两个版本),Delphi/C++Builder/Kylix,Java,Javascript,.Net,PHP,Python,Ruby,Perl等;
  • 除开通过基于HTTP协议的PHPRPC以外,基于其他紧凑的二进制协议的支持也在考虑之中;   了解更多

历史演化开始

  • 原始版

   

  • 进化版

  • 涂鸦版

  • 鼠标版

  • 鼠标优化版

  • 最终版

取云服务的概念,以一朵云作为CodeAny的主要标识。绿色寓意年轻、活力,CodeAny提供方便快速稳定的Api服务。

CodeAny-争做最佳应用云平台

  • Codeany提供应用级的云接口,我们认为这是个很有意义的事,需要更多的人参与,如果您有好的点子,或是有任何想法,不妨来信告诉我们,联系162cm xurenlu(at)gmail.com,谢谢.

微博-看图不说话

2010年6月18日 由 Key4ever 10 条评论 »

搜索时间跨度:2010-06-17 23:16 – 2010-06-17 23:19

搜索关键词:交互、前端、用户体验

搜索微博:搜狐微博、网易微博、腾讯微博、新浪微博

让山寨打败流氓

2010年6月2日 由 Key4ever 9 条评论 »

时光隧道-《重命名QQ医生》

3月3日在手机记下“命名”二字的草稿,提醒自己写一篇关于QQ医生这个名字的日志,可惜现在才写,看来记录不能等,不然就旧了。以下是当时的想法。

QQ医生起初是腾讯针对盗取QQ密码的木马病毒所开发出的一款安全软件。但现在发现她[1]的功能不限于保护QQ了,已经是半个360的样子。

首先说一下医生这个词组,有QQ医生,那说明QQ会生病,感觉虚拟切入角度不好。还有医生这个词组会让你联想到什么?我会想到药水味、针孔、医院、手术台,还有一些感觉不好的场景,不如“QQ护士”更有亲切感,对吧。

觉得以下这些名字都比QQ医生好。

腾讯/QQ护士、腾讯/QQ护卫、腾讯/QQ卫士、腾讯/QQ防护、腾讯/QQ保镖、腾讯/QQ护法、腾讯/QQ法师、腾讯/QQ大师、腾讯/QQ盾牌、腾讯/QQ御林军、腾讯/QQ万能侠、超级企鹅。(现在是QQ电脑管家了) » 阅读更多: 让山寨打败流氓

Wakoopa-帮你统计网络/应用使用情况

2010年5月29日 由 Key4ever 7 条评论 »

Wakoopa可以标记最喜欢的软件/网络服务,可以统计各种服务的详细使用情况,例如告诉你上了什么网或玩了多久游戏。 » 阅读更多: Wakoopa-帮你统计网络/应用使用情况

应该知道的TED

2010年5月29日 由 Key4ever 3 条评论 »

TED:来自不同领域的人的顶尖分享会,Speaker不一定是顶尖的,但分享一定是顶尖的。这是我的理解。(Wiki注释)

和大多演讲不同,TED没有专家教授的布道或宣讲,更多的是有趣经验分享,不是拿经验来指点或教导什么,而是nice的交流,引发思考的火花。

之前参加了TEDxSCAU——重新想象 思味无疆

以下是一个月后的简单回忆记录。 » 阅读更多: 应该知道的TED

微博送空间+域名活动

2010年4月9日 由 Key4ever 11 条评论 »

时间:4月9日至4月15日(一星期)

奖品:自选.com顶级域名+level2主机套餐共三个 主机详细

评奖方式:按转发先后顺序录入名单,每次抽奖日20:50分公布参与名单。以@laoxuehost21时的follower总数乘*2012再除/名单总数,最后取余数,余数号码对应名单号码的即为当次获奖者。活动保证公平公正。(要暗箱操作请自备100大洋找Key4ever即可)

活动详细:微博转发 » 阅读更多: 微博送空间+域名活动

革命的本钱

2010年3月29日 由 Key4ever 23 条评论 »

最近的学习和工作任务都多起来了,饮食和作息要更加注意。忙坏了身体可不行,加速前进中,祝我好运。

“我不希望在未来某个日子见到我喜欢的人的时候身体不够强壮、英语说得不够好、代码写得不够规范、美工做得不够专业、知识不够渊博、收入不够高或者行为土里土气,所以我每一天都在努力成为更好的人”,曾经说下这句话。(原话RT @yuguo: 我不希望在未来某个日子见到我的意中人的时候身体不够强壮、英语不够好、喂养小猫的知识不够渊博、收入不够高或者穿着土里土气,所以我每一天都在努力成为更好的人。)

是的,继续奋斗,准确来说是折腾,奋斗这词说得像口号似的,已经过了喊口号的时候了,生命在于折腾,一起折腾吧,记住,幸福回来撬门的(没错,是撬)。The Pursuit of Happyness 另外,推介看这电影,看过可以再看啊。

以下是一些摘抄的饮食和作息习惯,mark。 » 阅读更多: 革命的本钱

老薛主机导购

2010年3月17日 由 Key4ever 9 条评论 »

第一步、选择主机套餐

进入http://laoxuehost.com/host/ 选择合适的主机服务

点击“立即开通

——————————————————————————————————————

第二步、选择注册域名并测试域名可用性

(如果已有域名请勾选“我希望将域名转到老薛主机”或“我将会跟新我的现有域名解析或自行注册一个”)

(并跳到第三步)

如果还没域名老薛主机可以帮你注册域名 60元一年(到处都是这个价钱啦)

域名注册商为英国顶级域名注册商netearthone

赠送免费的域名whois信息保护,可随意转出,在线取得转移密码(so good!不是所有注册商都有这个保护的)

如需其他后缀的域名(.me等),请联系我们的客服 » 阅读更多: 老薛主机导购