Demo | Download

传统的 Javascript 方式

没有 placeholder 属性以前，我们依赖如下的 Javascript 代码来伪造 placeholder. 我们将文本插入到 value 属性。聚集焦点时，如果value的值为 “search” 清除内容并返回空值。若 value 的值为空，则显示 “search”。正如你所看到的，这并不是一种高效的方式，因为需要检查每一个字段。

<input type="text" value="Search" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}">

jQuery Placeholder 文本

现在我们可以使用更加语义化的 HTML5 placeholder 属性来替代 value 属性。然而，palceholder 文本并没被所有浏览器支持。Modernizr 脚本和 jquery 提供了一种便捷的方式来实现跨浏览器兼容。

Modernizr 用来检查浏览器是否支持 placeholder 。如果不支持 placeholder 属性，则运行 jQuery 代码。它在所有元素中查找 palceholder ，并贮存在一个变量中。然后比较占位符属性与 input 的值。如果值为空，它将显示 placeholder 文本并在输入字段增加一个 “palceholder”类。查看 Demo。

要在站点中使用的话，只需下载 Modernizr 和 jQuery 并粘贴下面的代码到你的 Html 代码的任何部位（确保 jQuery.js 和 modernizr.js 的路径正确）。

<script src="jquery.js"><!--mce:0--></script>
<script src="modernizr.js"><!--mce:1--></script>
 
$(document).ready(function(){
 
if(!Modernizr.input.placeholder){
 
	$('[placeholder]').focus(function() {
	  var input = $(this);
	  if (input.val() == input.attr('placeholder')) {
		input.val('');
		input.removeClass('placeholder');
	  }
	}).blur(function() {
	  var input = $(this);
	  if (input.val() == '' || input.val() == input.attr('placeholder')) {
		input.addClass('placeholder');
		input.val(input.attr('placeholder'));
	  }
	}).blur();
	$('[placeholder]').parents('form').submit(function() {
	  $(this).find('[placeholder]').each(function() {
		var input = $(this);
		if (input.val() == input.attr('placeholder')) {
		  input.val('');
		}
	  })
	});
 
}

移除 Webkit 内核浏览器的搜索输入方式

Webkit 浏览器为搜索字段增加了额外的样式。可以增加如下代码删除它们：

input[type=search] {
	-webkit-appearance: none;
}
 
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

鸣谢

jQuery 代码来自： Nico Hagenburger
英文原文来自：Web Designer Wall

今天打开邮箱，发现易趣网发来邮件说是和安致吧交换链接。链接到我站的是一个内页，全是电子产品类的网站链接，该页么有PR，么有被搜索引擎收录，要求我链接到他们的一个电子产品分类页面。以下是邮件全文。

亲爱的管理员,

我们是易趣网的链接管理员.我们希望与贵网站能互相添加友情链接.

目前我们已经添加了贵网站的描述与友情链接,请见页面:http://hezuo.eachnet.com/pages/dianzi12.html
如果您需要修改描述或有其它问题,请及时联系我们!

我们也期待您能在贵网站上添加我们网站的友情链接与文字描述.
链接地址是”http://daigou.eachnet.com/us/dcp/612771-dianzichanpin.html”
文字描述是”电子产品”

值得注意的是:如果5个工作日内贵网站没有添加我们的友情链接,我们将取消贵网站的友情链接. 麻烦您及时添加并通知我们.谢谢!

此致

易趣网网站链接管理员
(webmaster@eachnet.com)

不明真相的童鞋应该觉得这么大个网站和你交换链接应该是很爽的事情，其实不然：

• 没外链：该页，没有被搜索引擎收录，不会给你带来外链。一些大网站的子页都或多或少的有PR，易趣的居然没有被收录，于是检查了他的 robots.txt（http://hezuo.eachnet.com/robots.txt）

  User-agent: *
  Disallow: /pages/
  Allow: /

  网页都不可能被收录，就不用再检查链接是否含有 nofollow 标签了。

• 没面子：可能有的童鞋觉得，和易趣这样的网站扯上点关系，面子上过得去，可是他链接你的是一个不知名的内页，你链接过去的“电子产品”分类页面上压根就找不到你的链接，用户点过去会相信，你们有链接关系么？不明真相的只会觉得这个博客有点2，爱面子。
• 没流量：这么个找不着的子页，谁上去点我链接去？

所以说，我和他换我图啥，我又不认识他们的管理员，于是我决定不和他链接了，并对易趣网“欺骗”博主的行为表示强烈的谴责。咱们扯不上这关系。如果真要链接的话，我们是不是我做个搜索引擎不爬的子页链接他呢？或者给他的链接加上nofollow 标签呢？

给易趣网的建议：

• 易趣网购买链接应该不差钱，花点钱收购点相关的链接就行。
• 端正态度，以诚为本，诚实的和各中小网站交换链接，别人不会在乎你是内页的。

如何正确的交换友情链接：

这个是老生常谈了，很多人都已经写过了。我写的也没别人的好，可以移步这里：江 礼坤：交换友情链接终极技巧大全

最近学校很流行一句话，画个圈圈咀咒他，一朋友强烈强烈要求我就这句话上个图，随便搞了个。

声明：本文并无攻击易趣网的意思。

目前Twfav内测，只能通过邀请注册，想注册的同学请移步这里（http://twfav.com/!invitation），貌似一般 riku 当晚就会通过审核，收到邀请激活邮件后即可使用Twitter帐户直接登录。据项目参与者@hfcorriez童鞋介绍预计1月中旬公测，界时可能推出地区热榜。同时会去掉部份URL里的“!”，我的建议是不要去掉，看起来很个性的说。刚注册的时候，热榜基本都是中文的，貌似现在也有不少老外活跃其中了。好兆头。

该项目由@riku、@hfcorriez、@gowers、@sofish完全利用业余时间合作开发，基于 Twitter API，如果你也精通PHP+MYSQL的话，可以报名参加他们，给国人增光，哈哈。题外话，不知道用人人网的API整个类似的网站，有前途不？人人网的状态党还是人人网的主力额。

废话不多说了，界面清新，用户体验友好，看图吧。

华丽的登录界面

HOT榜单

订阅页面

2009 年是科技进步的重要一年， Twitter 和 Facebook 的风靡，新的智能手机、电子阅读器和其它科技小发明脱颖而出。美国有线电视新闻网 (CNN) 近日通过调查，评选出 2009 年 IT 界十大“最糟糕事件”。其中 Microsoft (微软) 、 Google 、TwitterPeek、Facebook 均榜上有名。

英文原文：http://www.cnn.com/2009/TECH/12/23/tech.fail/index.html

译文来源：http://it.sohu.com/20091225/n269200416.shtml

Zune 出师不利

报道称，从技术上讲， Zune 带给我们一个新年的“意外”。很多微软 Zune 媒体播放器的用户以特殊的方式迎接 2009 年的到来。 但 12 月 31 日，所有 Zune30-GB 媒体播放器意外出错，停止运行。微软表示这一故障是由内部时钟问题引发的。

尽管 Zune 的小故障只持续了一天，但这无疑打击了微软与苹果 iPod 争夺市场份额的努力。

TwitterPeek 受冷落

技术界人士对电子邮件终端厂商美国 Peek 发布微博服务 “Twitter”的移动终端“TwitterPeek”的一致反应是惊讶：“咦？！”

确实有一些人没有智能手机，也不想为入网智能手机支付昂贵的费用。但是否存在购买 199 美元“TwitterPeek”的市场呢？

“TwitterPeek” 是一款用于 Twitter 的功能限定型移动终端，可阅览 Twitter 信息的评论和投稿、直接发送信息、链接 Twitter 信息及显示 Twitpic 图像。一位迷恋计算机的家伙说：“我已经有了更新 Twitter 的价值 200 美元的设备，它就是我的——iPhone。”

Peek 已经开发处理文字和邮件的 Pronto，也许它的技术人员正在研究如何将“Pronto”和“TwitterPeek”合二为一。但即使这样，人们会感兴趣吗？不大可能。

Facebook 条款引争议

是的，每次社交媒体网站 Facebook 做出很小改变，都会在其 3 亿 5000 万网民中引起不满。

Facebook 对用户服务协议进行了修改，称 Facebook 对用户上传的数据拥有“永久”的许可授权，即使用户删除账号。此外，虽然不拥有用户的照片、状态更新等信息，但为了广告创收 Facebook 却可以使用这些数据和图片，此举让部分用户感到强烈不满。

在持续不断的反对声中， Facebook 最后公布了新的服务协议草案，邀请所有 Facebook 用户参与讨论和投票，收集用户的意见和建议。并表示将参考用户投票结果，决定是否继续推行相应改革方案。

手机信息失窃

移动电话运营商 T-Mobile 今年 10 月告诉用户，由于微软分支机构系统服务器的一个故障，导致用户在设备上存储的个人信息丢失。这被一位观察家称作“难以理解的一次数据灾难”。

电话号码、联系人列表、日历、其它信息全部丢失——甚至在用户关机或为手机充电时，最新数据也会消失。尽管混乱过后，微软的用户可以得到免费服务和部分退款， T-Mobile 也在尽力恢复数据，但这不能阻挡接踵而至的法律诉讼和人们对互联网的牢骚。

黑客袭击 Twitter

这个故事的一开始是黑客袭击了 Twitter 一些员工的账户。然后，在 Twitter 宣布袭击只限于员工个人信息，而非敏感的和公司有关的信息之后，黑客再次以另外一种方式发动袭击。

黑客为著名的技术博客 “TechCrunch” 发送了 310 份文件。“TechCrunch” 发布了其中的一小部分后，将文件传给 Twitter 。这时公司才知道黑客偷走了公司财务预测和高级管理人员的会议记录。据报导， Twitter 最后以关闭安全漏洞的方式响应了黑客的袭击。

Twitter、Facebook 风靡

今年对社交网站来说是个好年头，网民在里面挤得水泄不通。但有时候大家感觉，是不是更新有点太多了。国会议员“坦白”了他们没有关注总统的国情咨文，因为在奥巴马发表讲话时他们在一直更新 “Twitter”。

新郎在婚礼现场更新 Facebook ；妇女在分娩时更新 Twitter (譬如： Twitter 总裁夫人) ；更不要说还要更新你的其它朋友和你母亲织毛衣成员的要求。

“愚人节”失败的 Conficker 蠕虫病毒。

Conficker 蠕虫是最早于 2008 年 11 月 20 日被发现的以微软的 windows 操作系统为攻击目标的计算器蠕虫病毒，迄今已经感染了全球上千万计算器用户。“conficker”这个名字是一个德语的双关语，意思是“操作计算器设置的程序”，它被设计用来首先控制计算器，为以后的袭击做好铺垫。

当研究人员在蠕虫病毒内发现“4月1日”的代码后，大家纷纷猜测蠕虫病毒可能将于“愚人节”当天大规模发作。但事实是——蠕虫病毒在当天悄无声息。

8 月 6 日， Twitter 和 Facebook 等网站受到攻击。 Twitter 几个小时屏幕完全黑掉。据说袭击针对格鲁吉亚一名部落格作者，这名作者对俄罗斯发表了批评的文章。部落格作者说，袭击恰好发生在俄格爆发冲突的一周年。

Twitter, Facebook瘫痪

网民对社交网站遭到攻击后表示出焦虑不安的心情。用户将不能在 Twitter 贴帖子的感受描绘成无助、战战兢兢和心烦意乱。当网站恢复运行的时候，上面的最热的谈话主题变成了“当 Twitter 被黑……”。

Gmail 系统崩溃

网民现在使用 Google 的 Gmail邮件系统不只为了发发邮件，而更多是为了储存文档，和朋友同事聊天，或储存联系人信息。然而， 2009年， Gmail 却发生了几次系统崩溃。对这几次事件的反应显示了有多少人在使用 Gmail 和嘲弄他们是多么地容易。

Google Wave 测试版发布

也许现在称 Google Wave 失败还为时过早。但许多用户在用过测试版后，发现他们问了一个相同的问题：“好……这又怎样？”

Google 为 Google Wave 特意制作了一段长达 80分钟的教育视频。 Google Wave 中最令人瞩目的一个功能是，所有 wave 对话的参与者都能看到其它人输入的每一个字母。也就是说在现有通讯软件中等待别人输入的情况在 wave 中将不会出现。

Wave 实现了实时文字传输。这一功能也使得多个用户通过网络同时编辑同一个文件变成可能。但观察家质疑，如果你需要 1 个小时 20 分钟解释你的产品，那你很可能已经陷入麻烦中。 Google Wave 发布后，比其更容易理解的网站倒是被创造出来。

而在GoDaddy注册域名或购买主机的时候使用优惠码可以节省不少资金。相信本来就不贵的域名，再加上优惠码，应该是相当划算的，当然你要长期关注GoDaddy的话，可能就会碰到使用$0.99注册或转移域名的好运气，比如前几天不少童鞋就花了不到7元钱注册一个域名。真是狗屎运啊。

Godaddy主机优惠码（通用）

优惠券: cjcshare20

购买所有主机产品优惠20%. （独立主机例外）

有效期: 无限制

优惠券：cjc20hun

购买100美元及以上可以优惠20美元

有效期: 无限制

优惠码: cjctenoff

购买50美元及以上商品使用此优惠码可以优惠10美元

有效期：无限制

优惠码: cjcsave

购买30美元及以上商品使用此优惠码可以优惠 5 美元

有效期：无限制

优惠码：cjcdeal

购买75美元以上优惠15%

优惠码:cjcdollar

优惠一美元，域名续费和org域名注册除外。

优惠码:cjcVDHALF

购买Virtual Dedicated Hosting 主机一年或一年以上者，优惠50%。

优惠码: cjcfat75

消费75美金或以上者，优惠15%。

优惠码:cjc4Udom

域名注册 $7.49

优惠码: cjc4U75

消费75美金或以上者，优惠15%。

Godaddy域名注册优惠码

优惠码: cjc695dom

说明: $7.49 .COM 注册

有效期: N/A

优惠码: cjctld749

说明: $7.49 .NET 注册

有效期: N/A

优惠码: cjctld749

说明: $7.49 .ORG 注册

有效期: N/A

Godaddy免费隐私保护优惠码：cjcPRIVATE

说明：注册域名可以获得免费的隐私保护，因为多个优惠码不能通用，只能用原价注册才行。

有效期：未知

SSL证书14.99美元每年优惠地址

点击下面的链接进入查看：购买ssl优惠地址

Godaddy VPS 独立主机优惠码

购买地址：Godaddy.com

cjcvps20 购买VPS优惠20%

cjcded20 购买独立主机优惠20%

via

目前CCNIC不允许个人注册CN域名，不少个人站长纷纷含泪涌向国外，刺激美利坚经济。在此我推荐全球最大的域名注册商Godaddy，注册流程请看图文说明。

进入GoDaddy首页（http://www.godaddy.com/），在“Start a Domain Name Search”框中，输入要注册的域名 domainregtest，后缀选.com，点击“Go”。

下一步GoDaddy会列出域名价格，继续”Continue to Registration”按钮

下一个界面，Godaddy会搭售很多域名，不要选任何东西，直接点“No Thanks”

已有Godaddy帐号的话直接在“Select Domain Registration Account”框里登录，没有请选择“ I would like to create a new GoDaddy.com account.” 并填写注册信息。

此处选择“No thanks. I’m ready to checkout.”并点“Continue”按钮。如果你不想买其他产品的话，切记不要勾选其他项。

进入最关键的确认页面，在“Enter your promo or source code”框中可以输入优惠码，如我刚才输入的优惠码是“CRAZY3”，点击Apply，就会发现域名的价格降低到了7.49美元（原来为10.69美元/年）。加上一些税费，最后的价格为7.67美元。

选定Alipay(支付宝)付款，在两个阅读条款选项上确认打勾，再Continue with checkout

确认注册信息，点击“Place Your Order”，进入支付宝支付页面

进入支付宝收银台，支付宝的使用本文就不再累赘。

支付完成后返回Godaddy

使用支付宝注册GoDaddy域名就完成鸟，在国外注册域名的好处就不再多说，解析速度快、价格厚道（才50人民币一年）、安全。我是建议大家都将域名转移至GoDaddy ，毕竟现在都可以使用支付宝付款了。

另外填写GoDaddy优惠码可以节约不少钱

Google Calendar手机短信提醒功能

1、用你的 Google 账户在https://www.google.com/calendar 页面上登录。如果没有 Google 帐户请先访问https://www.google.com/accounts/NewAccount 创建一个新帐户；

进入Google Calendar的”设置”->”移动设置”里，即可发现”通过我的手机通知我”。按照Google的说明：

首先选择您的国家/地区，然后输入您的手机号码和运营商。最后，输入发送到您的手机的验证代码。保存即可。

QQ 邮箱手机短信提醒功能

在您设置提醒的过程中，可以选择在提醒时间到达时，将提醒短信发到手机，让您更及时、方便的收到提醒通知。

该功能免费 (仅支持移动用户) ，目前仅向邮箱等级为8级及以上的用户开放，在提醒页面中开通。

评测：

移动运营商方面：Google Calendar 支持中国移动和中国联通，而 QQ 邮箱目前仅支持中国移动。

短信条数：貌似  Google Calendar 不限制短信条数，而 QQ 邮箱限制每月20条，不过每月有20个事件需要提醒吗？

相对而言， Google 帐户不一定都有，但是 QQ 可以说是人手一个，Google Calendar 功能比较多，QQ邮箱的功能比较少，但是简单、容易上手。

Ps. 发现今天真的很困，头晕的一会就忘了下句该写什么。

去年的时候搞个一个英文的博客，内容是采集的，结果被一老外（Fink）就版权问题对我进行了说教。从前改过自新，自己把那博客关了。

之前一直有一个思想，就是英文站能赚美刀，事实上英文站是能赚美刀，但是不好赚美刀，自己也做过好几个网站，发现没流量，人民币的毛你也见不着，于是明白了：对于我和大多数人来说写博客，做网站是捞不着钱的。试问各位博主，除了几位牛人，如mg12，水煮鱼之流，有靠博客赚着钱了，恐怕连网费都不到吧，更别说烟钱了。 只会搭上时间和RMB。

所以说这年头写博客，做网站普遍现象是奔不了小康的，只能说是自己的兴趣而已，打发时间，发发牢骚。

这个博客也有半年了吧。日IP都不超过10，只是无聊的时候打发光阴的一个工具。

虽然如此，不过最近心又痒痒了，准备写一个英文的博客，权当练练自己蹩脚的英语。今天在注册一个yahoo域名googlesupport.org，立马上线搞了一个Google Support Blog，简称GSB，音译过来就是哥傻逼，这就是标题的由来。目前准备用我那自己也看不懂的英文介绍点Chrome插件，皮肤之类的，Google小技巧。不知道能坚持多久。有点英文基础想练习英文，喜欢google，并且和我一样无聊的人，可以加入我。

一篇顺便给蜘蛛看的日志写完了，我也困了，晚安Blogger

这个可以说是微软为了迎合Windows 7发售进行的一个宣传活动，今天有幸收到了微软的邮件，我成为了其中的一员。

活动流程：

哈哈，时间还挺充足的，联系一下喜欢玩电脑的去了，呵呵，还有光盘、扑克牌相送，party嘛，一定会办的很好滴，Let’s Party,为我的Windows 7 Cheers！

Twitter流行之后，微博客可谓是红遍大江南北了。不过Twitter被拒之墙外,国内微博齐维护，一片和谐盛事的大好景象。Yahoo适时推出咪咪英文版的，大受国人喜欢（MeMe popular里国人占很大很大比例哦）。咪咪貌似娱乐性比较强，一眼看过去，这咪咪真漂亮啊， 。咪咪可以分享文字、图片、视频、以及音乐，这个好像比twitter受国人喜欢哦。

• 文字：据热心网友测试，MeMe的文字分享单条字数的上限为2000字；MeMe文本分享可用html：支持<a> <b> <i>；
• 图片：可以是图片链接或者是本地上传（Yahoo有著名的Flickr相册嘛）；
• 视频：只能是YouTube或者Vimeo的视频，YouTube是经常被墙的；
• 音乐：不能上传，只能是链接地址；

之前咪咪注册用户可以邀请30个新用户的，貌似被国人搞的有点乌烟瘴气的，现在只让邀请3个了。现在应该还有不少好的短的咪咪等你注册哦。我的咪咪ID是wp，短吧。同时送给YaoYao童鞋一个邀请码，她的ID是yaoyao，欢迎Follow啦。估计咪咪被和谐的日子也很短了，希望大家能够在漂亮的咪咪上保持低调。

Ps.废话很多，还有5个邀请资格，请留言索要，先到先得。

今天刚把wp和wordpress都给保护起来了。 貌似google有人了。

Follow我的咪咪：http://meme.yahoo.com/wp