CSS3 Please一个在线生 成跨浏览器的CSS3代码的网站,很直观,也很方便,现在支持的CSS 3属性有圆角、阴影、渐变、自定义字体、旋转、rgba色彩。即将支持的还有其他的一些 css transform。
用法很简单,点击属性值直接修改就可以及时预览。toggle rule on和toggle rule off按钮可以启用或禁用某个属性。
即刻体验:http://css3please.com/
事实上,现在支持这些CSS3属性的浏览器大都没有完全的支持W3C标准属性,而是采用自己的私有属性,这显然增加了开发的复杂度,也给将来的维护 带来一些不确定性。不过貌似chrome dev版开始支持原生的border-radius了。
Sunday, March 14, 2010
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,网络服务器,需求处理等等。
本文将更深入的研究当你输入一个网址的时候,后台到底发生了一件件什么样的事~


导航的第一步是通过访问的域名找出其IP地址。DNS查找过程如下:
来源What really happens when you navigate to a URL
译者litfresh
作为一个软件开发者,你一定会对网络应用如何工作有一个完整的层次化的认知,同样这里也包括这些应用所用到的技术:像浏览器,HTTP,HTML,网络服务器,需求处理等等。
本文将更深入的研究当你输入一个网址的时候,后台到底发生了一件件什么样的事~
1. 首先嘛,你得在浏览器里输入要网址:

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

导航的第一步是通过访问的域名找出其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 的数量大大增加了,有些图标你真不明白什么意思了。但中国的,我们还是明白的,我们还是欢迎的。
Google 的这个中国农历年过得真是中国风俗味十足呀,把过年的几个重要的日子都囊括了,这是 Google 扬言退出中国后的第一个过年。随着 Google 放开 Doodle 的设计,由各国自己捉刀,Google Doodle 的数量大大增加了,有些图标你真不明白什么意思了。但中国的,我们还是明白的,我们还是欢迎的。

腊八节(Laba Rice Porridge Festival) 0122 官方链接

腊月二十八 贴窗花(Paper Cut) 0211 官方链接

大年三十 辞旧迎新(Chinese New Year's Eve) 0213 官方链接

春节(Chinese New Year) 0214 官方链接
Saturday, February 13, 2010
回国第一课 - 翻墙术
回国一个星期了,facebook, twitter,blogger, picasa 等我日常上的网站全部无法登陆。这就意味着:翻墙越来越重要了,不得不学了。Google一下,马上就有发现,以下为正文。
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规则订阅”的窗口,选定它,选择“订阅"。
--------------------------------翻墙五步走--------------------------------
Step 1.下载安装Easy TorEasy 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年。
• Fairfax Media Limited (澳洲最大的媒体公司),www.stuff.co.nz, www.nzx.com 策划及互交设计,前端开发。
• 丰富UI 和 UX设计经验、有创新能力和较高审美能力;
• 熟悉互联网行业以及新兴技术发展趋势;
• 精通网站优化SEO SMO;
• 出色的英文交流能力,三年英文学习以及四年英文工作环境经验;
• 具备良好心理素质,性格开朗,思路开阔,头脑清晰,手法灵活,有很强团队合作能力;
更多关于我
作品选集
LinkedIn profile
PDF简历
如果对我有兴趣,请发email到daniel@danielwang.cn,我很愿意进一步跟您交流。谢谢!
本人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,我很愿意进一步跟您交流。谢谢!






