Sunday, March 14, 2010

CSS3 Please

CSS3 Please一个在线生 成跨浏览器的CSS3代码的网站,很直观,也很方便,现在支持的CSS 3属性有圆角、阴影、渐变、自定义字体、旋转、rgba色彩。即将支持的还有其他的一些 css transform。

用法很简单,点击属性值直接修改就可以及时预览。toggle rule on和toggle rule off按钮可以启用或禁用某个属性。

即刻体验:http://css3please.com/

事实上,现在支持这些CSS3属性的浏览器大都没有完全的支持W3C标准属性,而是采用自己的私有属性,这显然增加了开发的复杂度,也给将来的维护 带来一些不确定性。不过貌似chrome dev版开始支持原生的border-radius了。
Friday, February 26, 2010

What really happens when you navigate to a URL

原作者:
来源What really happens when you navigate to a URL
译者litfresh

作为一个软件开发者,你一定会对网络应用如何工作有一个完整的层次化的认知,同样这里也包括这些应用所用到的技术:像浏览器,HTTP,HTML,网络服务器,需求处理等等。
本文将更深入的研究当你输入一个网址的时候,后台到底发生了一件件什么样的事~

1. 首先嘛,你得在浏览器里输入要网址:

image

2. 浏览器查找域名的IP地址

image
导航的第一步是通过访问的域名找出其IP地址。DNS查找过程如下:
  • 浏览器缓存 – 浏览器会缓存DNS记录一段时间。 有趣的是,操作系统没有告诉浏览器储存DNS记录的时间,这样不同浏览器会储存个自固定的一个时间(2分钟到30分钟不等)。
  • 系统缓存 – 如果在浏览器缓存里没有找到需要的记录,浏览器会做一个系统调用(windows里是gethostbyname)。这样便可获得系统缓存中的记录。
  • 路由器缓存 – 接着,前面的查询请求发向路由器,它一般会有自己的DNS缓存。
  • ISP DNS 缓存 – 接下来要check的就是ISP缓存DNS的服务器。在这一般都能找到相应的缓存记录。
  • 递归搜索 – 你的ISP的DNS服务器从跟域名服务器开始进行递归搜索,从.com顶级域名服务器到Facebook的域名服务器。一般DNS服务器的缓存中会有.com域名服务器中的域名,所以到顶级服务器的匹配过程不是那么必要了。
Wednesday, February 17, 2010

Happy Chinese New Year 庚寅年,过年了!

回家过年的感觉就是过瘾,看Google的中国年doodle也是过年中的一件美事。

Google 的这个中国农历年过得真是中国风俗味十足呀,把过年的几个重要的日子都囊括了,这是 Google 扬言退出中国后的第一个过年。随着 Google 放开 Doodle 的设计,由各国自己捉刀,Google Doodle 的数量大大增加了,有些图标你真不明白什么意思了。但中国的,我们还是明白的,我们还是欢迎的。
porridgeday10-hp.gif
腊八节(Laba Rice Porridge Festival) 0122 官方链接
papercut10-hp.gif
腊月二十八 贴窗花(Paper Cut) 0211 官方链接
lunarnewyearseve10-hp.gif
大年三十 辞旧迎新(Chinese New Year's Eve) 0213 官方链接
lunarnewyear10-hp_ud.gif
春节(Chinese New Year) 0214 官方链接
Saturday, February 13, 2010

回国第一课 - 翻墙术

回国一个星期了,facebook, twitter,blogger, picasa 等我日常上的网站全部无法登陆。这就意味着:翻墙越来越重要了,不得不学了。Google一下,马上就有发现,以下为正文。

--------------------------------翻墙五步走--------------------------------
Step 1.下载安装Easy Tor

Easy Tor这是一个软件套装,集成了Vidalia、Tor及Privoxy。
下载链接:Easy Tor
安装、打开Easy Tor后,以上三个软件自动启动。Vidalia界面为英文,没关系,双击托盘vidalia图标打开控制面板,在Settings—— Appearance——Language中,把系统文字改为简体中文。重启Vidalia后界面即变为中文。

Step 2.安装Autoproxy

Autoproxy这是一个Firefox扩展,所以你的浏览器必须为Firefox。比起TorButton,Autoproxy的优点是可以根据网站自动判断是否需要使用代理,所以使用起来非常方便。安装完毕后重启Firefox,会出现一个“添加Autoproxy规则订阅”的窗口,选定它,选择“订阅"。

Friday, January 29, 2010

求职

本人长期工作生活在国外,现因妻子生产,将于下个月回西安定居。渴望在西安继续发展我的职业生涯。

本人2002年毕业于西安电子科技大学通信工程专业,之后留学新西兰,在新西兰惠灵顿维多利亚大学(Victoria University of Wellington)深造就读计算机科学与技术专业。毕业后从业与互联网行业,从事网站开发及产品设计4年。

工作经历

ProjectX Limited 创新型strarup公司, www.zoomin.co.nz. 网站开发,数据库开发。
Fairfax Media Limited (澳洲最大的媒体公司),www.stuff.co.nz, www.nzx.com 策划及互交设计,前端开发。

评价:

• 四年web开发工作经验,熟悉大型互联网网站开发相应技术;
• 丰富UI 和 UX设计经验、有创新能力和较高审美能力;
• 熟悉互联网行业以及新兴技术发展趋势;
• 精通网站优化SEO SMO;
• 出色的英文交流能力,三年英文学习以及四年英文工作环境经验;
• 具备良好心理素质,性格开朗,思路开阔,头脑清晰,手法灵活,有很强团队合作能力;

更多关于我
作品选集
LinkedIn profile
PDF简历

如果对我有兴趣,请发email到daniel@danielwang.cn,我很愿意进一步跟您交流。谢谢!
Saturday, January 16, 2010

走人

Google中国要解散了,十有八九,这两天我非常注意国内外对此事件的评论,以后可能回国以后就用不了google产品了,这对我这个Google重度用户的影响相当之大 .

我目前所用的产品有:reader, map, earth, iGoogle, site, page, blogger, gmail, latitude, doc, translate, adsense, adword, wave, gtalk, picasa, youtube, alert, calendar, feedburner, webmaster, analytics, code, chrome, group...还有很多打算用但是没有用的东西, 粗体字的都是我日常天天必须要用的。


图片转载 from blog图党
Friday, January 15, 2010

stuff.co.nz Logo by HTML+CSS

It's Friday afternoon, I am feeling bored, so spent half hour to built stuff.co.nz logo by pure html+css. It was heaps of fun. Here is the preview and my code, guess left one or right one? From you memory,  don't look at stuff.co.nz!



HTML

<div id="logo">
 <span id="text">stuff<span class="dot first">.</span><span class="domain">co</span><span class="dot">.</span><span class="domain">nz</span></span>
 <ul><li id="r"></li><li id="y"></li><li id="g"></li><li id="b"></li><li id="p"></li></ul>
 </div>

CSS

#logo{font-family:tahoma;font-weight:bold; width:235px;}
 #text{font-size:62px;}
 .dot{font-family:Georgia; font-size:36px; letter-spacing:-2px;}
 .first{margin-left:-7px;}
 .domain{font-size:32px; letter-spacing:-1px;}
 ul{margin: -6px 0 0; list-style:none; padding:0}
 li{float:left; width:45px; height:10px;}
 #r{background-color:#C7221F}
 #y{background-color:#F59900}
 #g{background-color:#007C47}
 #b{background-color:#007DCD}
 #p{background-color:#9C1A87}

解读Google中国四大发明logo

昨天,Google中国主页的logo换成四大发明doodle,很让人费解。

众所周知,Google logo都是在节日或纪念日的时候才会更换的,而中国四大发明既非节日更非什么纪念日,在Google宣布退出中国市场之后放上这个logo,很容易人产生联想。



对于这个logo,不同的人肯定有着不同的解读,我的观点如下:

1、隐喻我们还在为古代四大发明而沾沾自喜不思开放,抑或仿佛退回到四大发明的古代?
2、logo里只留下一个“o”和“g”两个字母,正好是“go”,而且是反过来的“go“,预示着Google真的要go了?有趣的是,杨锦麟在昨天的《有报天天读》里的最后点题之字也是“go”。
3、单独看四大发明图案那几个字母,分别是“go”和“le”,谐音读起来就是“go了”或者“够了”。
4、留待大家补充……
Wednesday, January 13, 2010

宁与玉碎, 不为瓦全

Google在自己的博客发表声明,他们在去年12月中期发现有很多来自中国大陆的有针对性的攻击,导致知识产权被盗。

首先,攻击并不是只针对Google,至少还有另外20家来自各行各业的公司都受到了攻击,包括互联网、金融、科技、媒体和化工等等行业,Google也提醒了这些公司,并与美国当局进行合作。

其次,Google有足够的证据证明这些攻击者的目标是人(要和谐)权活动者的Gmail帐户,根据Google的调查攻击者最后还是没有获得他们想要的东西。只有两个Gmail帐户被攻陷,但只取得了有限的数据(比如帐户创建日期)和邮件的主题,而邮件内容都没有泄露。

第三,作为这次调查的一部分,Google发现大量在中国致力于人(还是要和谐)权事业的美国、中国和欧洲的Gmail用户都经常受到攻击,在Google的保护下都完好无损,但也许有用户在收到钓鱼邮件和恶意邮件后电脑会中毒。

Google再次提到自己在2006年发布google.cn是为了让更多中国人民可以享受到Google的服务,Google也可以容忍一定程度的审查。2006年Google曾经提到说他们会仔细监视中国大陆的情况,包括新的法律和对Google服务的限制,如果Google认为无法达到他们认为的底线,那么会重新考虑进入中国的问题。

关键的来了:Google今天决定不想再继续审查google.cn的搜索结果,接下来几周里他们将与中国政府讨论在法律框架下做一个不过滤不审查的搜索引擎!如果不能做到这一点的话,Google认为这就意味着他们要关闭google.cn和在中国大陆的办公室。

这个决定确实很难下,但Google认为这样做的潜在意义非常重大,这完全是美国总部的考虑,而跟中国大陆的谷歌中国员工没有任何关系,他们已经非常努力的在做好足够成功的google.cn了。

我的个人看法:

之前Google总部已经对google.cn颇有微词,但由于李开复极力主张阉割地存在,Google保留了google.cn。他曾经说过
“我们压抑着做更酷、更炫的产品的欲望,努力耕耘最佳中文搜索。”

自从李开复走了,Google China 彻彻底底变成了 Google in China, 谷歌中国没有一个人能说服总部,所以,Google就打算撤离了。

就上面的粗体字部分来看,我几乎可以确认,商谈不会有任何结果,这是政治。很有可能几周后Google就会离开中国了, 如果Google真是退出中国,这将是他们做出的历史上最蠢的决定,放弃中国等于放弃半个未来世界!
Friday, January 8, 2010

Nicholas C. Zakas如何面试前端工程师



面试前端工程师对我来说是一件非常有意思的事,因为面试过程很大程度上也是自我提升的过程。无论大公司还是小公司,之所以在如何招聘到真正有能力的前端工程师方面会遇到同样的问题,就是因为负责招聘的那些人不知道自己公司需要什么样的人,结果问问题时也问不到点子上。经过这几年在行业里的摸索,我总结出了自己的一套很有效的面试前端工程的方法。
有的应聘者说我不好对付,但留给他们这样的印象也并非我所愿。我觉得之所以他们说我不好对付,主要是因为我问他们问题时问得太细了。以前我曾专门写过一些东西,告诉应聘者怎么才能通过我的面试(Surviving an interview with me)以及优秀的前面工程师应该具备什么样的素质(What makes a good front end engineer?),而我的面试可以说完全是按照那两篇文章的标准进行的。我不会问一些特别偏门的问题,也不认为出几道逻辑题就能考出人的真实水平。我唯一的想法就是确定你能否胜任我们要招的这个职位。为此,我需要简单地考察如下几个方面。

Creating Triangles in CSS

Little people realize when a browser draws the borders, it draws them at angles. This technique takes advantage of that. One side of the border is colored for the color of the arrow, and the rest are transparent. Then you set the width of the border to something large, the ones above are 40px. To demonstrate here is a div with all sides colored.


HTML

<div class="css-arrow-multicolor">
</div>

CSS

.css-arrow-multicolor {
  border-color: red green blue orange;
  border-style:solid;
  border-width:40px;
  width:0;
  height:0;
}

Tuesday, January 5, 2010

2009 Stuff.co.nz Stats In Review

Today is  my first day back to work, it’s an interesting time to look back on how www.stuff.co.nz has progressed, I’ve continued this by listing some similar stats for comparison during the last 12 months:


Compare with 2008, Visits +31.18%, Pageviews +24.89%, Avg Time on Site +3.6%, Page/Visit - 4.79%, %New Visits -10.66%

Sunday, January 3, 2010

Stuff.co.nz T-shirt

We got the newly designed stuff.co.nz T shirt before the Christmas. It comes with two colors, white and black!

Here we go, staff at stuff.co.nz in stuff T shirts!

Friday, January 1, 2010

Happy New Year 2010!

Google is awesome!昨夜在Google.com首页点击“I’m Feeling Lucky”按钮的2010年倒计时终于走到了终点,现在点击“I’m Feeling Lucky”按钮则可以看到绚丽的烟花。



 我喜欢像Google这样的公司,总是给它用户意想不到的惊喜,创意是这个公司的生命线。Google之所以有这样的成功,就是因为他公司内部创新活力的精神,同时Google平台上能够把创新的想法转化成实实在在有利的产品。互联网是一个靠技术创新驱动的产业,在这个产业中,有Google存在,是一件好事,它以自己不断的创新,推动了整个互联网创新的步伐。因此在竞争激烈的IT界,只有抓住时机、不断创新才可能立于不败之地。

2010年,对我个人事业来讲是一个重要的转折点,无疑,Google算是在新年的第一天给我打了一针兴奋剂。祝我好运吧!