Saturday, October 31, 2009

stuff.co.nz Halloween logo



Halloween (also spelled Hallowe'en) is an annual holiday celebrated on October 31. It has roots in the Celtic festival of Samhain and the Christian holy day of All Saints, but is today largely a secular celebration.

Halloween activities include trick-or-treating, wearing costumes and attending costume parties, carving jack-o'-lanterns, ghost tours, bonfires, visiting haunted attractions, pranks, telling scary stories, and watching horror films.

Description from wikipedia.
Thursday, October 29, 2009

CSS Nuggets

一个PPT文档,由Anna Debenham上传至slideshare。幻灯片的标题叫做《CSS nuggets》,嗯,很好的名字。

但是对于网站前端开发人员来说,这个幻灯片绝对值得一看,它主要讲解了一些CSS3的新属性,包括伪类/伪元素和一些新增的属性,比如transformshadow 等。实例和配图很棒,相信对CSS3还有些疑惑的朋友,看了这个之后会很好的理解CSS3的吧。

我曾经post过一篇文章 9 CSS3 Properties You Can Use Now, 其中提到了几种用法没有囊括在下面的slide里,有兴趣的话可以去看看,也不妨试试。

功能强大的CSS3,的确有时候让前端开发的工程师流口水,但是用时却望而却步,就是因为该死的IE

西安小吃, 口水都流出来了

一般关于互联网之外的内容都不会上我的博客,但今天就破个例吧。看到有个西安乡党在网上贴的西安小吃大全,看着看着谗地口水就不由自主的出来。有食欲!

转贴给朋友们也饱饱眼福。


荷叶饼夹笼笼肉~

蜂蜜凉粽子


牵人麻辣粉

卤汁凉粉~

炸酱面

洋芋擦擦

杨凌蘸水面

羊血冒饸饹

羊肉烧卖

羊肉泡馍经典套餐


酸汤水饺

酸菜鱼鱼

水盆羊肉

涮牛肚

石子馍

砂锅米线

肉丸胡辣汤

肉夹馍

秦镇米皮

乾县锅盔

乾州豆腐脑

岐山哨子面

泡泡油糕

玫瑰镜糕

金线油塔

搅团

贾三灌汤包

黄桂柿子饼

葫芦头

锅贴

八宝粥

八宝饭



Monday, October 26, 2009

重阳节百度老年搜索推出web手写输入汉字功能

今天是中国传统节日重阳节,百度携手汉王为全国中老年用户送去一份最温馨的节日祝福 -web手写输入功能,用户可以直接通过鼠标移动来输入汉字,这将为不习惯键盘打字的用户使用搜索引擎带来更大便利。我不得不说,这产品对老年人来说真不错!











百度老年搜索的核心要旨是:让中老年用户最便捷地获取信息,找到所求。它主要为中老年用户提供以下三大类的服务:
1、提供字体更加符合中老年用户体验的主页界面以及搜索结果;
2、整理和开发出了让中老年用户能够需要和使用的实用性网站;
3、在数百万网站中遴选出适合中老年用户的常用网站,并进行了分类收录和及时更新。

在“老年搜索”的首页,我们看到了类似百度盲道的排版方式:搜索+导航,在字体的大小上由普通版百度的16号字体变为24号字体,便于老年人看清,并且通 过老年搜索得到的搜索结果页面的字体也是24号,在字体的选择上有大中小三种选择。在“老年搜索”的帮助页面我们看到,为了帮助老年人上网,还增加了电脑 常识、网络常识、常见问题等等,满足老年人的信息需求,非常人性化。

百度这一点做的没话说,我个人很认可,百度想到了,Google和taobao就没有。这就是创意。很多事情谁都可以做到,但就看谁是第一个想到的,谁又能第一个做到。
Friday, October 23, 2009

A letter from Google Adsense

想必很多个人站长都对Google AdSense美元付款的政策有些不爽,设定限额100美元不说,来回的手续繁琐和漫长等待也是让人难熬。 想想为了获得100美元的付款,苦苦等待了好久,再加上漫长的账单,确实是折腾得苦不堪言。对于个人用户,谷歌将从付款中预先扣除税金,企业帐户则需要在收款前提交发票

其实个人站长玩玩AdSense,蛮有乐趣的。今天收到了Google Adsense的信件,是发自Google总部 Mountain View。 原以为 New Zealand 应该属于 Google Australia 管辖范围,应该从Sydney发给我的。看来各个国家分布只管研发和技术, 财政方面还是由 Google 总部直接处理。

下面是信件的封皮, 给朋友们看看:



Thursday, October 22, 2009

Wave是什么Google的新玩意儿

花了一早上的时间研究到底Google Wave 能做什么。也找到了不少相关的文章还有视频,筛选了一下,推荐给Google Wave fans 下面这段视频和这篇文章。视频有些长(1小时20分),但是很值得一看,很多小细节的描述它的功能。其中还有很多功能在我的preview版本还暂且不能应用。期待它早日完善和大家见面。




文章转载来源:第一财经周刊

每过一段时间,这家以创新和不羁著称的公司都要捣腾些新玩意儿,好让技术尝鲜者们兴奋,让普通人困惑,让媒体们追捧。Wave显然也是这样一个新玩意儿—在今年5月29日Google的I/O开发者大会上,Google Wave 的演示做了足足有80分钟之久,演示结束后,台下的掌声和尖叫不断。

9月30日,Google放出了10万个测试邀请来让开发者们尝鲜,结果其中一些被好事者放到eBay上拍卖,拍出了上千美元的高价。
需要80分钟演示的产品实在无法三言两语解释清楚。Wave被称为是如果电子邮件现在才发明出来它将呈现的样子(第一份电子邮件出现在1971年),它整合了邮件、即时通讯(IM)、在线合作、社交、维基等功能。

它看上去像一个邮件系统,界面分为三栏。左侧和中间一栏像极了带上头像标识的Gmail邮箱。右侧的一栏是邮件显示的空间,正是这个部分让这个“现代邮件系统”有了更多新意—当你沟通对象在线时,你们可以直接聊天;你还可以随时随地将第三者或更多的人加到对话中来,像是群聊;聊天过程中你可以随时回到上面的对话中挑出你要回复的任何一句进行回复,看起来就像是在Word文章中加了一个标签,只不过人家可以针对你的“标签”再次回复。

“Jens(Rasmussen)对Email很不满,毕竟Email出现得比互联网还早。我们希望能够体现出Mail的重点,并且配合上现在流行的电脑和网络的工作方式。” Lars Rasmussen说。他和Jens是一对来自丹麦的兄弟,是Google Wave的开发者。2003年他们创建了Where 2,2004年这一产品被Google收购之后演变为Google Maps,两兄弟也成为了Google中的一员。之后两兄弟把对Email的改造作为自己的下一步工作重点。

Jens和Lars最开始准备解决的问题是如何将IM直接整合到网页邮件的界面中。事实上这一点Google已经做到了:Google talk和Gmail已经很好地结合在了一起。但兄弟俩觉得这仍然不够。他们搭建起一个平台,让邮件的内容和即时通讯的内容看起来连接得更加无缝,也更容易在线协作。不论对话者是否在线,对话和邮件内容都可以在同一栏中显示。在需要共同协作的时候,在线者可以对同一内容进行同时编辑,这一点很像Google Document的在线协作功能。

Google基于云计算的技术使得这种实时交流和协作非常顺畅。无论是同时在线修改还是共享文件,都不会太慢而显得有时滞。

作为平台的Wave也开放了免费API(Application Programming Interface,应用程序编程接口),可以兼容许多扩展和插件。通过这个平台上的插件,对话双方可以共享图片或者地图;也可以通过一个Wave来接收Twitter上的所有tweets,并且通过Wave来回复tweets;可以直接通过Wave发布博客,并且在Wave中可以直接看到他人在你博客中的回复;一些插件还允许人们通过发起一个对话来直接在线玩游戏,现在Google提供的类似游戏有数独和国际象棋。这使得Wave具有了一些社交网站的性质。

这成为了吸引网络开发者的亮点之一,也使得Wave将不仅仅是个“邮件+IM”的系统,就像火狐浏览器开放API并且有许多扩展之后,它就不仅仅是个浏览器,还可以是个音乐播放器、FTP客户端、博客发布客户端……许多开发者已经跃跃欲试,试图在这个平台上开发出其他有用的插件系统。许多现在在iGoogle和Gmail中受人欢迎的插件也许也会出现在Wave中。

所有这些让Wave会在不同人手中变成不同的平台。在互联网简单使用者手中,它可能只是“邮件+IM”;在一些项目合作者手中,它会是个不错的在线协作平台,用于讨论以及方案共享及修改;在社交网站重度爱好者手中,它会是个社交网站的汇总平台,利用Wave收取来自Twitter、Facebook、博客等各种网站的最新动态。

“我们这是在尝试重新定义互联网上的沟通与交流。”Lars说。“现在最大的不确定是人们会如何用这个系统。”

Google期待Wave能将那些黏在Facebook和Twitter上的人吸引到这上来。毕竟,如果有个平台能够收取所有社交网站的动态,同时也可以轻松向那些社交网站上发布新消息,那为什么还要去分别登录那些网站呢?

“我想Google会成为最主要的社交网站,并且成为能将人们宽松联系到一起的地方。” Dan Olds,加百利咨询集团(Gabriel Consulting Group)的分析师说。在此之前,Google效仿Facebook的社交网站Orkut只在巴西获得成功,它的另一个社交网站开放式平台OpenSocial也没有取得预想的成果。

另一种可能性是,Wave也许能帮助Google赢得更多的商业客户。因为在以往的办公软件中,不论是IBM的Lotus还是微软的Groove,都需要借助多个不同的工具才能实现实时在线协作,而且操作繁琐。现在这些商业客户很可能会转而尝试Wave,看看是否会带来效率的提高。在此之前,Google一直试图让中小企业客户能尝试Google Apps,而不是微软的Office软件。

预见到这一点,一些企业,而不仅仅是软件独立开发者,已经参与到Google Wave的App开发中来。例如全球最大的企业管理和协同商务解决方案供应商SAP,利用云计算提供客户关系管理的Salesforce.com,都已经尝试将Wave整合到自己的服务中去。Salesforce将Wave用于客服,它给出的演示视频显示它可以让一个机器人来负责接待用户在Wave中发出的询问,并且所有这些Wave中的交流都会记录下来,并发送到用户所在salesforce的账户中,以备将来查看。

Google在其官方博客上说,已经在考虑建立一个“Wave 扩展商店”,通过这个商店,这些第三方开发者所开发的Wave运用可以销售。Google和开发者会进行分??成。Google对Wave的期望不止这些。Wave不仅仅是个开源的平台,而且Google准备将它设置一个开源的协议。就像多年前的电子邮件协议一样,虽然用户用的是没有提供商的服务,但是彼此之间依然可以投递邮??件。

为了做到这一点,参与Wave的开发人员有50人之多,几乎Google在悉尼的所有开发人员都参与了进来。要知道Google的项目开发团队一般只有3到5人。

“我们希望以后有多家Wave提供商,有些也许会和我们一样提供基于云的Wave,数据都在他们的掌握中。我们也计划协助企业或学校提供他们自己的Wave服务。”Lars说。就像企业可以架设一个服务器来专门建立公司邮箱一样,Google会支持企业设立自己的Wave,使得基于其上的通讯数据可以得到加密。Google已经开始着手Wave协议草案的编写,并且还专门设立了一个网站,来让人们了解“Wave协议草案”和“Wave架构的白皮书”。如果一旦这一协议被广泛接受,可以预见Wave将会像Email那样流行。而Google是这一领域的规则制定??者。

而当诸多参与者都加入到Wave生态圈中,Wave可能产生的影响会是我们现在无法尽数的。Google的开发者就没有想到Wave测试才不过几天,新闻从业者已经在考虑Wave是否会对新闻业界产生影响。《洛杉矶时报》的记者Mark Millan就写了一篇叫做《Google Wave会如何改变新闻业》(How Google Wave could transform journalism)的文章,并将之放到了公开的Google Wave上,好看看会发生些什么。结果很多有趣的讨论随之展开,而且这些讨论有些会穿插在正文之中,看上去就像WIKI那样创造出了更多新的内容。

但是否会有如此效果,这需要看用户是否能接受这种新的形式。微软首席软件架构师雷·奥兹(Ray Ozzie)在接受Techcrunch采访时提到,人们很可能因为需要学习新的使用方法而不愿意去使用。

这的确会成为Wave成功的潜在威胁之一。10月以来,许多得到试用邀请的技术爱好者们已经在博客中抱怨Wave的一些不足。他们中的一些人往往无法适应对话呈现不是“线性”的这一特点。由于可以针对之前回话中任何部分进行回复,因此当对话已经进行了很长时间之后,针对之前内容的回复往往会不被对话者所察觉。而对于之后参与到回话过程中来的人而言,要看这么多回复穿插的对话会很麻烦。抱怨者们认为这使得Wave甚至没有电子邮件来得有效率。

“这相当没有效率,会浪费大量时间,并且很难把我需要的内容组织起来。”Robert Scoble在博客中说,他在微软这样的大公司工作过,也自己创办过小公司,在工作中他追求有效率的协作。

最新回复在正文的任何一个部分,这样的安排也挑战着人们的邮箱使用习惯。在往常的邮箱中,新邮件总在邮箱的最顶端,因此可以快速打开并且查看;但Wave允许人们针对任何一个部分进行回复,因此如果你离线之后再登录查收新消息,你也许会遗漏掉那些在非开头和结尾部分的回复。你当然可以用重放按钮,按照时间顺序依次查看回复,但是这就像要在一盘录像中找出你所需要的部分一样,所耗费的时间会让人不耐烦。

“我并不是说Wave没有价值,我只是觉得人们可能需要一些时间去让他们的大脑适应Google Wave,并且发现使用它的最好方式。”Adam Turner,一个澳大利亚的技术开发者在博客中这样说。如果是这样,Wave对企业的吸引力也会下降。

“对于独立开发者和企业而言,它的用途还需要进一步提高。”Redmonk的分析师Stephen O'Grady说,“Google需要和很多潜在的合作伙伴进行合作,把那些不必要的复杂的东西给去掉,开发更多那些必须具备的商业方面的功能。”

“现在Wave还没有完全完善。”Lars说,这个Wave的开发者期望能在今年年底之前将很多Wave的bug给修复。
Wednesday, October 21, 2009

How to tweet from Google Wave

Finally, received Google Wave invitation today. I was testing around, but not many friends on Google Wave so far, so wondering if it is possible to tweet from it.

OK, Let me show you how you can tweet from your shiny Google Wave account.

Step 1: Add a new contact called  tweety-wave@appspot.com  as shown below.You will see a new contact with display name Tweety the Twitbot.

tweety wave How to tweet from Google Wave


Step 2: Create a new wave with this new contact and It will ask for authentication using a popup window. Make sure popups are not blocked or will have to allow them explicitly so that Twitter’s authentication window can authenticate your Google wave account to update your status on twitter. Here is how the popup and your new wave look like.

tweety authenticate 1024x462 How to tweet from Google Wave


After authenticating all your twitter updates are shown in that wave and you can even update your status from then & there – Sweet ?

Hope you like this and enjoy tweeting from Googlewave.

Create Cascading Dropdown Lists By Using JQuery

When I was building the Travelbug widget for Stuff.co.nz, I have been using jQuery as the standard JavaScript library for most of  web projects for Stuff. Such as "Most Popular Box", "Pointers Slider" ...

Today, Let me guide you through on how to create cascading dropdown lists by using JQuery.

Here is a simple demo. Please look at the "Deal" section down the right hand side column.
.
Tuesday, October 13, 2009

IE Favicon Not Showing Bug Fix

The first time a user visits your site, browsers automatically searches for this [favicon.ico] file in the root directory. Otherwise, when the favicon.ico does not exist, the error.log shows favicon.ico as "404 file not found". If your favicon.ico file is not located in the root directory, you probably have to specify the path way to favico.ico file.

All the other web browsers can load GIF or PNG format as favicon, but crappy IE. I browsed around (about 10 websites), got following result and rules from their source code.

If there exists a favicon.icon in the root directory, non-IE browsers automatically pick up it without having to specify the link tag inside the head tag.

To make sure IEs pick up your favicon
  1. Create a favicon.icon file, then locate favicon.ico file on your server (prefer  in the root directory, but you don't have to)
  2. Define this line inside head tag <link rel="shortcut icon" href="/favicon.ico" /> .
Friday, October 9, 2009

15 Years of Yahoo! Logo 1994-2009

我们曾回顾了雅虎主页15年变迁之路,今天我们再来回顾下,作为公司重要标志的 Yahoo! Logo 的变化历程(1994-2009)。
1994-PS1-300x77.jpg
1994,没有标志。一开始雅虎并没有标志,事实上,那时也还不叫雅虎,大卫和杨致远将他们创造的网站目录,称之为”杰里网站指南”。直到那年末,雅虎才成为公司的正式名称。
Y-guy6-150x150.jpg
1995,跳跃的”Y”形象。和许多公司一样,当人们需要用东西来装饰办公室的门和公司的T恤衫时,催生了这个跳跃的”Y”型拟人化形象。标志由 David Shen 设计,蓝色的圆圈代表世界,Y 代表雅虎,寓意跨越世界。如果幸运的话,现在你还能会从一些雅虎老员工的名片上看到这个标志。
这年晚些时候,Shen 与广告代理公司 Organic Online 合作,在原图上加上雅虎公司名称,并添加了个感叹号”!”。最后他们确定使用 Able 字体和紫色
95-red-icon.GIF
1995,在网络上走红。前面设计的公司标志,还只用在日常办公中。雅虎觉得应该在网站的网页上加上个标志,于是创作了这个如今看来有点丑陋的 Logo 。为什么采用明亮的红色呢?这不只是一个审美的选择。选择它,还因为红色会更可靠地显示在不同的监视器和电脑上。在当时,其他颜色的显示总有些问题。另外,雅虎也很喜欢红色的勇气。
Red-y-bang-300x56.jpg
1996,新的一年,新的标志。经过多次调整和改进,雅虎在1996年1月1日,在所有网站推出了红色 Yahoo! 标志。
PurpleoninsidePS-300x124.jpg
1996,内部使用紫色。虽然红色已经成为面向用户的雅虎形象,但公司内部,还是重新设计了标志。他们将跳跃的”Y”型形象去掉,精简徽标为我们现在看到的经典的紫色版本。从那之后,这个标志就出现在各类海报上代表雅虎。
Purple-y-oval1-300x173.jpg
1997-2004,椭圆形的紫色 Y 。这是雅虎的缩写标志, Y + 感叹号。1997年,它最初设计是用在雅虎工具栏上的一个按钮,链接到雅虎招牌页面。因为完整的雅虎标志太宽了,不适合。2004年,雅虎与广告代理公司 Ogilvy 合作重新设计了”Y !”,确定了一个白色的”Y”在一个紫色的椭圆中和一个紫色”!”的版本,作为雅虎官方的缩写标志。
Purple-y-logo-300x56.jpg
2009,统一的紫色。雅虎推出了具有新的紫色 Logo 的新主页。并将此标志应用到网络的每个页面、公司通信和所有的合作伙伴关系,使雅虎用户、广告客户和雇员,形成统一的紫色标志体验。雅虎已斥资1亿美元进行全球营销活动,来加强雅虎品牌的宣传推广。
Thursday, October 8, 2009

4 online image optimization tools

在如今的Web设计中,图片的应用是必不可少的,为了更好地设计网站效果,大体积的图片被越来越多地应用到Web设计中来,所以,更好地优化图片文件,减少图片文件的体积就变的非常重要,这里为大家介绍的几款图片压缩工具,都是在线应用,无需在本地安装,你要做的就是记住网址就够了。
1. Smush.it

Smush.it被称之为图像“压榨机”,是雅虎的Yahoo Exceptional Performance Team开发出的一个网络应用,旨在帮助网站优化图片,提高站点速度。是非常流行的无损压缩工具。
官方网站http://www.smushit.com/
2. PunyPNG

punypng是一个免费的图片压缩工具,更适合设计师和前端开发人员,它可以大大的减小图像文件的大小( 支持JPG, GIF ,8/24 bit PNGs),将其转换成高压缩的图像。如果你的网站有大量的图片,使用它可以大大减少网页加载的时间。
官方网站http://gracepointafterfive.com/punypng
3. SiteReportCard

同样是一款优秀的图片在线压缩工具,支持URL网络图片和本地上传图片。支持文件格式有GIF、JPG、PNG。
官方网站http://sitereportcard.com/imagereducer.php

4. Dynamic Drive

dynamicDrive也是一个免费的在线图片优化压缩工具网站,支持GIF、JPG、PNG。等格式的图片。除了优化的功能,也提供简单的格式转换,上传图片的大小限制300K之内。