<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	>

<channel>
	<title>偷米寄居</title>
	<atom:link href="http://tommyfan.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://tommyfan.com/blog</link>
	<description>记载偷米饭技术的心路历程。当然！如果你有兴趣,也可以进来看看他的生活点滴。</description>
	<pubDate>Thu, 13 Oct 2011 15:33:19 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>上海淘米UED招聘各路英才</title>
		<link>http://tommyfan.com/blog/demo/tued_jd/</link>
		<comments>http://tommyfan.com/blog/demo/tued_jd/#comments</comments>
		<pubDate>Fri, 09 Sep 2011 09:12:07 +0000</pubDate>
		<dc:creator>米饭</dc:creator>
		
		<category><![CDATA[demo]]></category>

		<guid isPermaLink="false">http://tommyfan.com/blog/?p=438</guid>
		<description><![CDATA[交互设计师职位描述
工作经验： 2年及以上
学历要求： 本科及以上
岗位职责


负责淘米互联网体验设计部交互设计组管理工作。
根据淘米公司产品构思，分析需求完成页面交互原型。
参与新项目或重要项目改版，统筹管理产品交互信息。
定期输出体验报告，改善网站操作反馈、易用性。
分析网站数据、转化率，定期输出汇报文档。


岗位要求

有多年交互设计经验，有五人以上团队管理经验。
熟悉各类原型制作软件，能够熟悉的完成各种流程图、线框图。
对用户体验有深入见解，并发表过相关文章或成功案例。
对业界最新的交互理论有独特的见解，并能应用到业务中。
逻辑分析能力强，善于沟通和协调，有较强写作能力。
有SNS项目经验的应聘者优先考虑。

 
视觉设计师职位描述
工作经验： 2年及以上
学历要求： 本科及以上
岗位职责


负责淘米公司门户、专题类、宣传资料等页面设计。
根据需求与重构工程师配合，输出高质量作品。
优化设计流程、规范页面元素。


岗位要求

熟悉各类电脑制图、图像处理软件。
美术基础扎实，擅于处理门户类规整的设计与专题类富于视觉冲击的设计。
了解多种质感的运用，熟悉网页图标的设计。
关注用户体验，了解网站的交互设计，并对网站可用性有一定研究。
对潮流有天生的嗅觉，时刻关注最新网站设计趋势。
有尝试过手绘，并希望对其深入了解。

 

页面重构师职位描述
工作经验： 2年及以上
学历要求： 本科及以上
岗位职责

负责淘米公司门户、专题类静态页面的构建。
使用脚本库编写页面基础行为脚本。
负责HTML、CSS、图片等层面的性能优化。

岗位要求

熟悉各类切图、编码工具，能完美还原上游提供的设计稿。
熟悉W3C相关Web规范，在日常工作中输出标准的代码。
代码书写简洁清晰，模块化的规划页面代码。
了解标签语义化重要性，对其认识全面并运用。
精通市场上占有率较高浏览器代码差异，并熟悉其它各种终端特性。
关注页面层性能问题，并能执行成熟优化方案。
关注搜索引擎优化的基础知识，并能够应用在日常工作中。
关注国内外技术前瞻性发展，并能积极参与分享。
技术广度知识具备，基础了解交互、设计至后台的基本实现。


待遇：

富有竞争力的薪酬
丰厚年终绩效奖金
茶水间二十四小时供应饮品、零食、休闲娱乐设施
免费宵夜供应
每年制订的成长培养计划
一年多次境内外旅游
五险一金
可能会令您不习惯的团队聚餐、腐败

联系方式：请发简历及个人作品至t##taomee.com（##更换为@），或联系QQ 44018790
]]></description>
			<content:encoded><![CDATA[<h3 id="高级交互设计师职位描述">交互设计师职位描述</h3>
<p><strong>工作经验：</strong> 2年及以上</p>
<p><strong>学历要求：</strong> 本科及以上</p>
<p><strong>岗位职责</strong></p>
<div>
<ol>
<li>负责淘米互联网体验设计部交互设计组管理工作。</li>
<li>根据淘米公司产品构思，分析需求完成页面交互原型。</li>
<li>参与新项目或重要项目改版，统筹管理产品交互信息。</li>
<li>定期输出体验报告，改善网站操作反馈、易用性。</li>
<li>分析网站数据、转化率，定期输出汇报文档。</li>
</ol>
</div>
<p><strong>岗位要求</strong></p>
<ol>
<li>有多年交互设计经验，有五人以上团队管理经验。</li>
<li>熟悉各类原型制作软件，能够熟悉的完成各种流程图、线框图。</li>
<li>对用户体验有深入见解，并发表过相关文章或成功案例。</li>
<li>对业界最新的交互理论有独特的见解，并能应用到业务中。</li>
<li>逻辑分析能力强，善于沟通和协调，有较强写作能力。</li>
<li>有SNS项目经验的应聘者优先考虑。</li>
</ol>
<p> </p>
<h3 id="视觉设计师职位描述">视觉设计师职位描述</h3>
<p><strong>工作经验：</strong> 2年及以上</p>
<p><strong>学历要求：</strong> 本科及以上</p>
<p><strong>岗位职责</strong></p>
<div>
<ol>
<li>负责淘米公司门户、专题类、宣传资料等页面设计。</li>
<li>根据需求与重构工程师配合，输出高质量作品。</li>
<li>优化设计流程、规范页面元素。</li>
</ol>
</div>
<p><strong>岗位要求</strong></p>
<ol>
<li>熟悉各类电脑制图、图像处理软件。</li>
<li>美术基础扎实，擅于处理门户类规整的设计与专题类富于视觉冲击的设计。</li>
<li>了解多种质感的运用，熟悉网页图标的设计。</li>
<li>关注用户体验，了解网站的交互设计，并对网站可用性有一定研究。</li>
<li>对潮流有天生的嗅觉，时刻关注最新网站设计趋势。</li>
<li>有尝试过手绘，并希望对其深入了解。</li>
</ol>
<p> </p>
<div id="wikipage">
<h3 id="高级页面重构师职位描述">页面重构师职位描述</h3>
<p><strong>工作经验：</strong> 2年及以上</p>
<p><strong>学历要求：</strong> 本科及以上</p>
<p><strong>岗位职责</strong></p>
<ol>
<li>负责淘米公司门户、专题类静态页面的构建。</li>
<li>使用脚本库编写页面基础行为脚本。</li>
<li>负责HTML、CSS、图片等层面的性能优化。</li>
</ol>
<p><strong>岗位要求</strong></p>
<ol>
<li>熟悉各类切图、编码工具，能完美还原上游提供的设计稿。</li>
<li>熟悉W3C相关Web规范，在日常工作中输出标准的代码。</li>
<li>代码书写简洁清晰，模块化的规划页面代码。</li>
<li>了解标签语义化重要性，对其认识全面并运用。</li>
<li>精通市场上占有率较高浏览器代码差异，并熟悉其它各种终端特性。</li>
<li>关注页面层性能问题，并能执行成熟优化方案。</li>
<li>关注搜索引擎优化的基础知识，并能够应用在日常工作中。</li>
<li>关注国内外技术前瞻性发展，并能积极参与分享。</li>
<li>技术广度知识具备，基础了解交互、设计至后台的基本实现。</li>
</ol>
</div>
<h3>待遇：</h3>
<ol>
<li>富有竞争力的薪酬</li>
<li>丰厚年终绩效奖金</li>
<li>茶水间二十四小时供应饮品、零食、休闲娱乐设施</li>
<li>免费宵夜供应</li>
<li>每年制订的成长培养计划</li>
<li>一年多次境内外旅游</li>
<li>五险一金</li>
<li>可能会令您不习惯的团队聚餐、腐败</li>
</ol>
<h3>联系方式：请发简历及个人作品至t##taomee.com（##更换为@），或联系QQ <a href="http://wpa.qq.com/msgrd?Uin=44018790" href="_blank">44018790</a></h3>
]]></content:encoded>
			<wfw:commentRss>http://tommyfan.com/blog/demo/tued_jd/feed/</wfw:commentRss>
		</item>
		<item>
		<title>2010年3月 – WEB标准化交流会</title>
		<link>http://tommyfan.com/blog/skill/2010_03_w3ctech/</link>
		<comments>http://tommyfan.com/blog/skill/2010_03_w3ctech/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 10:01:45 +0000</pubDate>
		<dc:creator>米饭</dc:creator>
		
		<category><![CDATA[skill]]></category>

		<category><![CDATA[WEB标准化]]></category>

		<category><![CDATA[交流会]]></category>

		<guid isPermaLink="false">http://tommyfan.com/blog/?p=421</guid>
		<description><![CDATA[WEB标准化交流会是由“WEB标准化联盟”（46077068）在2009年发起的线下活动。在每月的最后一个周六，与Web从业者共同研究并讨论前端动态。本活动以技术交流为目的，不收取任何费用。]]></description>
			<content:encoded><![CDATA[<p>WEB标准化交流会是由“WEB标准化联盟”（46077068）在2009年发起的线下活动。在每月的最后一个周六，与Web从业者共同研究并讨论前端动态。本活动以技术交流为目的，不收取任何费用。</p>
<ul>
<li>Twitter：<a href="https://twitter.com/w3ctech">Follow on Twitter</a></li>
<li>联系：<a href="mail:contact@w3ctech.com">contact@w3ctech.com</a></li>
</ul>
<p>2010年3月 – WEB标准化交流会 第6期</p>
<p>* 话题：前端开发在研发流程中与其他岗位协作效率的提升</p>
<ol>
<li>研发流程</li>
<li>协同规范</li>
<li>有效沟通</li>
</ol>
<p>有想法？去讨论</p>
<ul>
<li>时间：2010-3-27 14：00－18：00</li>
<li>报名时间：2010-3-1 至 2010-3-21 交流会邀请会在3-23日统一发出，请留意您的邮件。</li>
<li>地点：
<ol>
<li>北京：海淀区中关村腾讯北京</li>
<li>上海：携程旅行网 上海市长宁区福泉路99号[地铁2号线淞虹路终点站5号口出]</li>
<li>广州：天河区天河路208号粤海天河城大厦39楼新浪公司</li>
<li><strong>深圳：深圳市南山区高新南一道飞亚达大厦508室</strong></li>
</ol>
</li>
</ul>
<p>第6期报名表报名表：<a href="http://www.w3ctech.com/joinus/">http://www.w3ctech.com/joinus/</a></p>
<p>详情请看：<a href="http://www.w3ctech.com/">http://www.w3ctech.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tommyfan.com/blog/skill/2010_03_w3ctech/feed/</wfw:commentRss>
		</item>
		<item>
		<title>网站重构who am i【视频、PPT】</title>
		<link>http://tommyfan.com/blog/skill/webrebuild_who_am_i/</link>
		<comments>http://tommyfan.com/blog/skill/webrebuild_who_am_i/#comments</comments>
		<pubDate>Mon, 14 Dec 2009 17:30:57 +0000</pubDate>
		<dc:creator>米饭</dc:creator>
		
		<category><![CDATA[skill]]></category>

		<category><![CDATA[PPT]]></category>

		<category><![CDATA[偷米饭]]></category>

		<category><![CDATA[网站重构who am i]]></category>

		<category><![CDATA[视频]]></category>

		<guid isPermaLink="false">http://tommyfan.com/blog/?p=403</guid>
		<description><![CDATA[webrebuild.ORG的成立于2007年8月18日在深圳由梁璟彪等人发起，致力于推广“Web标准”，促进全国前端开发工作者的交流，提升前端开发的影响力。自成立以来一直受到W3C中国、蓝色理想等组织的大力支持。深圳站于今年已经成功举办三届交流会。为了促进更大范围的交流，于今年正式成立北京站。 ]]></description>
			<content:encoded><![CDATA[<p>会议开幕，视频好卡 &gt;_&lt; &#8221; 主持人卡卡致词，点点点</p>
<p>以下省略两千字&#8230;</p>
<p>轮到我了，普通话太烂，开头有些怯场。</p>
<p><object width="410" height="370" data="http://player.youku.com/player.php/sid/XMTM4NjI5MjU2/v.swf" type="application/x-shockwave-flash"><param name="align" value="middle" /><param name="src" value="http://player.youku.com/player.php/sid/XMTM4NjI5MjU2/v.swf" /><param name="quality" value="high" /></object></p>
<p><object width="410" height="370" data="http://player.youku.com/player.php/sid/XMTM4NjM4MTg0/v.swf" type="application/x-shockwave-flash"><param name="align" value="middle" /><param name="src" value="http://player.youku.com/player.php/sid/XMTM4NjM4MTg0/v.swf" /><param name="quality" value="high" /></object></p>
<p><object width="410" height="370" data="http://player.youku.com/player.php/sid/XMTM4NjU2MDM2/v.swf" type="application/x-shockwave-flash"><param name="align" value="middle" /><param name="src" value="http://player.youku.com/player.php/sid/XMTM4NjU2MDM2/v.swf" /><param name="quality" value="high" /></object></p>
<p><object width="410" height="370" data="http://player.youku.com/player.php/sid/XMTM4NjY2MDE2/v.swf" type="application/x-shockwave-flash"><param name="align" value="middle" /><param name="src" value="http://player.youku.com/player.php/sid/XMTM4NjY2MDE2/v.swf" /><param name="quality" value="high" /></object></p>
<p><a href="http://www.tommyfan.com/ppt/who_am_i.pptx">下载PPT《网站重构who am i》</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tommyfan.com/blog/skill/webrebuild_who_am_i/feed/</wfw:commentRss>
		</item>
		<item>
		<title>WebRebuild北京第一届交流会</title>
		<link>http://tommyfan.com/blog/skill/webrebuild_beijing/</link>
		<comments>http://tommyfan.com/blog/skill/webrebuild_beijing/#comments</comments>
		<pubDate>Sat, 12 Dec 2009 18:29:16 +0000</pubDate>
		<dc:creator>米饭</dc:creator>
		
		<category><![CDATA[skill]]></category>

		<category><![CDATA[WebRebuild.org]]></category>

		<category><![CDATA[交流会]]></category>

		<category><![CDATA[北京]]></category>

		<guid isPermaLink="false">http://tommyfan.com/blog/?p=377</guid>
		<description><![CDATA[2009年12月12日,在北京中国谷歌二层会议室开展了北京第一届 Web Rebuild 交流会,还算非常成功的,现在刚回到家里就马上来给大家分享,其实谷歌还是非常好的环境,比如说：“免费的水，免费的饮料，免费的冰淇淋，免费的咖啡，免费的牛奶，免费的麦片... ”等等很多免费的东西啦,而且环境不是一般的舒适哦~ 呵呵,想跳槽的赶紧啦,!]]></description>
			<content:encoded><![CDATA[<p><a title="wr.png" href="http://tension.name/attachment/118/"><img src="http://tension.name/usr/uploads/2009/12/4278502198.png" alt="wr.png" width="410" /></a></p>
<p>转自:<a href="http://tension.name">tension.name</a></p>
<p>2009年12月12日,在北京中国谷歌二层会议室开展了<a title="Web Rebuild" href="http://webrebuild.org/" target="_blank">北京第一届 Web Rebuild 交流会</a>,还算非常成功的,现在刚回到家里就马上来给大家分享,其实谷歌还是非常好的环境,比如说：“免费的水，免费的饮料，免费的冰淇淋，免费的咖啡，免费的牛奶，免费的麦片&#8230; ”等等很多免费的东西啦,而且环境不是一般的舒适哦~ 呵呵,想跳槽的赶紧啦,!</p>
<p>接下来特别感谢Google技术用户组奖品及场地的支持,还有谋智网络,华章出版社,图灵出版社,蓝色理想. 让我们北京第一届Web Rebuild可以办的如此顺利吧!</p>
<p>下面来欣赏一些照片吧!</p>
<p><span id="more-377"></span></p>
<p>集体合影留念!</p>
<p><a title="1.jpg" href="http://tension.name/attachment/119/"><img src="http://tension.name/usr/uploads/2009/12/550770183.jpg" width="410" alt="1.jpg" /></a></p>
<p>谷歌中国大楼</p>
<p><a title="DSC_1930.jpg" href="http://tension.name/attachment/120/"><img src="http://tension.name/usr/uploads/2009/12/571701213.jpg" width="410" alt="DSC_1930.jpg" /></a></p>
<p>签到长龙</p>
<p><a title="DSC_1931.jpg" href="http://tension.name/attachment/121/"><img src="http://tension.name/usr/uploads/2009/12/175406465.jpg" width="410" alt="DSC_1931.jpg" /></a></p>
<p>前台门厅上的Google Logo</p>
<p><a title="DSC_1933.jpg" href="http://tension.name/attachment/122/"><img src="http://tension.name/usr/uploads/2009/12/3220343939.jpg" width="410" alt="DSC_1933.jpg" /></a></p>
<p>休息区</p>
<p><a title="DSC_1934.jpg" href="http://tension.name/attachment/123/"><img src="http://tension.name/usr/uploads/2009/12/4198506781.jpg" width="410" alt="DSC_1934.jpg" /></a></p>
<p>大厅一角</p>
<p><a title="DSC_1935.jpg" href="http://tension.name/attachment/124/"><img src="http://tension.name/usr/uploads/2009/12/423749903.jpg" width="410" alt="DSC_1935.jpg" /></a></p>
<p>大家都在聚精会神听讲</p>
<p><a title="DSC_1939.jpg" href="http://tension.name/attachment/125/"><img src="http://tension.name/usr/uploads/2009/12/2931473075.jpg" width="410" alt="DSC_1939.jpg" /></a></p>
<p>W3C中国的代表</p>
<p><a title="DSC_1942.jpg" href="http://tension.name/attachment/126/"><img src="http://tension.name/usr/uploads/2009/12/1746653993.jpg" width="410" alt="DSC_1942.jpg" /></a></p>
<p>Google技术用户组 王开源</p>
<p><a title="DSC_1943.jpg" href="http://tension.name/attachment/127/"><img src="http://tension.name/usr/uploads/2009/12/2568051187.jpg" width="410" alt="DSC_1943.jpg" /></a></p>
<p>我</p>
<p><a title="DSC_1944.jpg" href="http://tension.name/attachment/128/"><img src="http://tension.name/usr/uploads/2009/12/456758995.jpg" width="410" alt="DSC_1944.jpg" /></a></p>
<p>嗷姐</p>
<p><a title="DSC_1963.jpg" href="http://tension.name/attachment/130/"><img src="http://tension.name/usr/uploads/2009/12/165165583.jpg" width="410" alt="DSC_1963.jpg" /></a></p>
<p>彪叔</p>
<p><a title="DSC_2000.jpg" href="http://tension.name/attachment/131/"><img src="http://tension.name/usr/uploads/2009/12/784278576.jpg" width="410" alt="DSC_2000.jpg" /></a></p>
<p>Baidu 阿肆&amp;周裕波</p>
<p><a title="DSC_2006.jpg" href="http://tension.name/attachment/132/"><img src="http://tension.name/usr/uploads/2009/12/3679280047.jpg" width="410" alt="DSC_2006.jpg" /></a></p>
<p>聚精会神听讲的兄台!</p>
<p><a title="DSC_2032.jpg" href="http://tension.name/attachment/133/"><img src="http://tension.name/usr/uploads/2009/12/1393975304.jpg" width="410" alt="DSC_2032.jpg" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://tommyfan.com/blog/skill/webrebuild_beijing/feed/</wfw:commentRss>
		</item>
		<item>
		<title>WebRebuild第三届年会【照片、PPT】</title>
		<link>http://tommyfan.com/blog/skill/webrebuild_3_years/</link>
		<comments>http://tommyfan.com/blog/skill/webrebuild_3_years/#comments</comments>
		<pubDate>Wed, 26 Aug 2009 02:35:54 +0000</pubDate>
		<dc:creator>米饭</dc:creator>
		
		<category><![CDATA[skill]]></category>

		<guid isPermaLink="false">http://tommyfan.com/blog/?p=356</guid>
		<description><![CDATA[菩提树下
WebRebuild第三届年会
一年一度的WebRebuild年会，今年选定了在深圳华侨城的午后浓香举行。从年会的第一年《革命》到第二年《蜕化》到第三年的《菩提树下》。如会上所说，取名为菩提树下是因为释迦牟尼在菩提树下悟道同时也是在菩提树下开始宣扬佛法的。故此，像我们创立WebRebuild的宗旨，领悟技术，分享技术。今年的WebRebuild年会人数为65人（实到）增长率达到325%，大大地超过预期。从分享内容上除了迅雷原有暂定的《仓促中的页面构建》《居中背景图片显示问题》以外，其余分享的PPT如下：



begin.rar —— 开篇


第一印象.rar —— 腾讯 —— 陈子舜


公用模板重构.rar —— 网易 —— 鲁齐


一专多长.rar —— 腾讯 —— 梁璟彪


RDFa.rar —— 腾讯 —— 辛春红


CSS3.0 手册项目分享会.rar —— 腾讯 —— 吴珍妮


CSS3.0 手册下载


HermanZhang等一众人进行开香槟仪式


CasparZhang等一众人进行开香槟仪式


大家聚精会神地在聆听


一群专门起哄的课托


邀请到会参与的两位前端大牛EMU（右一）、PJBlog作者（左一）


]]></description>
			<content:encoded><![CDATA[<h3>菩提树下</h3>
<h4>WebRebuild第三届年会</h4>
<p>一年一度的WebRebuild年会，今年选定了在深圳华侨城的午后浓香举行。从年会的第一年《革命》到第二年《蜕化》到第三年的《菩提树下》。如会上所说，取名为菩提树下是因为释迦牟尼在菩提树下悟道同时也是在菩提树下开始宣扬佛法的。故此，像我们创立WebRebuild的宗旨，领悟技术，分享技术。今年的WebRebuild年会人数为65人（实到）增长率达到325%，大大地超过预期。从分享内容上除了迅雷原有暂定的《仓促中的页面构建》《居中背景图片显示问题》以外，其余分享的PPT如下：</p>
<p><span id="more-356"></span></p>
<ol class="ppt">
<li>
<h5><a href="http://www.webrebuild.org/downloads/090822/00.rar">begin.rar</a> —— 开篇</h5>
<p><img src="http://www.webrebuild.org/downloads/090822/00.JPG" alt="WebRebuild" width="280" /></li>
<li>
<h5><a href="http://www.webrebuild.org/downloads/090822/01.rar">第一印象.rar</a> —— 腾讯 —— 陈子舜</h5>
<p><img src="http://www.webrebuild.org/downloads/090822/01.JPG" alt="zishunchen" width="280" /></li>
<li>
<h5><a href="http://www.webrebuild.org/downloads/090822/02.rar">公用模板重构.rar</a> —— 网易 —— 鲁齐</h5>
<p><img src="http://www.webrebuild.org/downloads/090822/02.JPG" alt="rukey" width="280" /></li>
<li>
<h5><a href="http://www.webrebuild.org/downloads/090822/03.rar">一专多长.rar</a> —— 腾讯 —— 梁璟彪</h5>
<p><img src="http://www.webrebuild.org/downloads/090822/03.JPG" alt="twinsenliang" width="280" /></li>
<li>
<h5><a href="http://www.webrebuild.org/downloads/090822/04.rar">RDFa.rar</a> —— 腾讯 —— 辛春红</h5>
<p><img src="http://www.webrebuild.org/downloads/090822/04.JPG" alt="rainxin" width="280" /></li>
<li>
<h5><a href="http://www.webrebuild.org/downloads/090822/05.rar">CSS3.0 手册项目分享会.rar</a> —— 腾讯 —— 吴珍妮</h5>
<p><img src="http://www.webrebuild.org/downloads/090822/05.JPG" alt="jeannewoo" width="280" /></li>
<li>
<h5><a href="http://webteam.tencent.com/css3/">CSS3.0 手册下载</a></h5>
</li>
<li>
<h5>HermanZhang等一众人进行开香槟仪式</h5>
<p><img src="http://www.webrebuild.org/downloads/090822/06.JPG" alt="HermanZhang等一众人进行开香槟仪式" width="280" /></li>
<li>
<h5>CasparZhang等一众人进行开香槟仪式</h5>
<p><img src="http://www.webrebuild.org/downloads/090822/07.JPG" alt="CasparZhang等一众人进行开香槟" width="280" /></li>
<li>
<h5>大家聚精会神地在聆听</h5>
<p><img src="http://www.webrebuild.org/downloads/090822/08.JPG" alt="大家聚精会神地在聆听" width="280" /></li>
<li>
<h5>一群专门起哄的课托</h5>
<p><img src="http://www.webrebuild.org/downloads/090822/09.JPG" alt="一群专门起哄的课托" width="280" /></li>
<li>
<h5>邀请到会参与的两位前端大牛EMU（右一）、PJBlog作者（左一）</h5>
<p><img src="http://www.webrebuild.org/downloads/090822/10.JPG" alt="邀请到会参与的两位前端大牛EMU（右一）、PJBlog作者（左一）" width="280" /></li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://tommyfan.com/blog/skill/webrebuild_3_years/feed/</wfw:commentRss>
		</item>
		<item>
		<title>CSS3.0手册</title>
		<link>http://tommyfan.com/blog/skill/css3_reference_manual/</link>
		<comments>http://tommyfan.com/blog/skill/css3_reference_manual/#comments</comments>
		<pubDate>Tue, 25 Aug 2009 03:03:46 +0000</pubDate>
		<dc:creator>米饭</dc:creator>
		
		<category><![CDATA[skill]]></category>

		<category><![CDATA[css3手册]]></category>

		<category><![CDATA[isd]]></category>

		<category><![CDATA[webteam]]></category>

		<guid isPermaLink="false">http://tommyfan.com/blog/?p=350</guid>
		<description><![CDATA[小组的同学们利用业余时间整理出了一份比较完整的CSS 3.0 参考手册，非常不容易。手册是根据W3C的CSS3草案翻译，并且结合实际的示范结合而成。每一页都倾注了每一个同学的心血。]]></description>
			<content:encoded><![CDATA[<div><a href="http://www.pjhome.net/attachments/month_0908/20090824120842.png"><img src="http://www.pjhome.net/attachments/month_0908/20090824120842.png" width="445" alt="css3" /></a></div>
<p>小组的同学们利用业余时间整理出了一份比较完整的CSS 3.0 参考手册，非常不容易。手册是根据W3C的CSS3草案翻译，并且结合实际的示范结合而成。每一页都倾注了每一个同学的心血。</p>
<p>预览页面：</p>
<div><a href="http://webteam.tencent.com/css3/css3_scrn.png"><img src="http://webteam.tencent.com/css3/css3_scrn.png" width="445" alt="css3" /></a></div>
<p>下载地址： http://webteam.tencent.com/css3/</p>
]]></content:encoded>
			<wfw:commentRss>http://tommyfan.com/blog/skill/css3_reference_manual/feed/</wfw:commentRss>
		</item>
		<item>
		<title>用hCard添加手机联系人</title>
		<link>http://tommyfan.com/blog/skill/add_phone_from_hcard/</link>
		<comments>http://tommyfan.com/blog/skill/add_phone_from_hcard/#comments</comments>
		<pubDate>Mon, 08 Jun 2009 04:51:00 +0000</pubDate>
		<dc:creator>米饭</dc:creator>
		
		<category><![CDATA[skill]]></category>

		<category><![CDATA[hCard]]></category>

		<category><![CDATA[微格式]]></category>

		<category><![CDATA[手机]]></category>

		<category><![CDATA[联系人]]></category>

		<guid isPermaLink="false">http://tommyfan.com/blog/?p=331</guid>
		<description><![CDATA[以前写过一篇《微格式 Microformats » hCard 》，盆友们好奇地来问我一些问题，前几天成功把exchange设置好，借这个机会讲一下我在研究过程中利用微格式导入联系人号码的例子。]]></description>
			<content:encoded><![CDATA[<p>之前写过一篇《<a href="http://tommyfan.com/blog/skill/microformats_hcard/">微格式 Microformats » hCard</a> 》，盆友们好奇地来问我一些问题，像“这个东东能干嘛？”、“这样做真的有意义吗？”、“感觉这东西以后应该扩展个xml作标准，套几十个class来实现这样个结构我很抗拒。”。</p>
<p>前几天成功把<a href="http://www.apple.com/iphone/enterprise/integration.html">exchange</a>设置好，借这个机会讲一下我在研究exchange的时候利用微格式导入联系人号码的过程。</p>
<p>1、浏览页面时<a href="http://www.kaply.com/weblog/operator/">Operator</a>发现hCard。</p>
<p><a href="http://tommyfan.com/blog/wp-content/uploads/2009/06/step_1.png"><img class="alignnone size-full wp-image-332" title="step_1" src="http://tommyfan.com/blog/wp-content/uploads/2009/06/step_1.png" alt="step_1" width="440" height="233" /></a></p>
<p>2、导出保存hCard为vcf文件。</p>
<p><a href="http://tommyfan.com/blog/wp-content/uploads/2009/06/step_2.png"><img class="alignnone size-full wp-image-333" title="step_2" src="http://tommyfan.com/blog/wp-content/uploads/2009/06/step_2.png" alt="step_2" width="440" height="233" /></a></p>
<p>3、双击文件用outlook打开。<strong>注：hCard中如果有中文，vcf的文件编码必须另存为ANSI</strong></p>
<p><a href="http://tommyfan.com/blog/wp-content/uploads/2009/06/step_3.png"><img class="alignnone size-full wp-image-334" title="step_3" src="http://tommyfan.com/blog/wp-content/uploads/2009/06/step_3.png" alt="step_3" width="440" height="233" /></a></p>
<p>4、outlook联系人中出现己添加的联系人</p>
<p><a href="http://tommyfan.com/blog/wp-content/uploads/2009/06/step_4.png"><img class="alignnone size-full wp-image-335" title="step_4" src="http://tommyfan.com/blog/wp-content/uploads/2009/06/step_4.png" alt="step_4" width="440" height="233" /></a></p>
<p>5、几秒钟后<a href="http://www.apple.com/iphone/enterprise/integration.html">exchange</a>己经把联系人送到您的手机通讯录里了</p>
<p><a href="http://tommyfan.com/blog/wp-content/uploads/2009/06/step_5.png"><img class="alignnone size-full wp-image-336" title="step_5" src="http://tommyfan.com/blog/wp-content/uploads/2009/06/step_5.png" alt="step_5" width="287" height="532" /></a></p>
<p>大功告成，以后就可以利用hCard添加联系人了！</p>
]]></content:encoded>
			<wfw:commentRss>http://tommyfan.com/blog/skill/add_phone_from_hcard/feed/</wfw:commentRss>
		</item>
		<item>
		<title>ie7 crash bug</title>
		<link>http://tommyfan.com/blog/skill/ie7_crash/</link>
		<comments>http://tommyfan.com/blog/skill/ie7_crash/#comments</comments>
		<pubDate>Tue, 26 May 2009 13:25:09 +0000</pubDate>
		<dc:creator>米饭</dc:creator>
		
		<category><![CDATA[skill]]></category>

		<category><![CDATA[crash]]></category>

		<category><![CDATA[css]]></category>

		<category><![CDATA[ie7]]></category>

		<category><![CDATA[崩溃]]></category>

		<guid isPermaLink="false">http://tommyfan.com/blog/?p=320</guid>
		<description><![CDATA[偶尔发现的东东，特定环境下会发生，估计是ie7处理点点点的bug，除去任何一个关键代码都可以正常使用。]]></description>
			<content:encoded><![CDATA[<pre name="code" class="html">
&lt;style type="text/css"&gt;
div{float:left;width:175px;}
ul{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
li{position:relative;}
&lt;/style&gt;

&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;崩溃崩溃崩溃崩溃崩溃crash ie7&lt;/li&gt;
&lt;li&gt;崩溃崩溃崩溃崩溃崩溃crash ie7&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</pre>
<p>偶尔发现的东东，特定环境下会发生，估计是ie7处理点点点的bug，除去任何一个关键代码都可以正常使用。</p>
<p><a href="http://tommyfan.com/blog/demos/ie7_crash/">演示，请使用ie7打开！</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tommyfan.com/blog/skill/ie7_crash/feed/</wfw:commentRss>
		</item>
		<item>
		<title>纯CSS搞定按钮、链接点击时的虚线</title>
		<link>http://tommyfan.com/blog/demo/none_outline/</link>
		<comments>http://tommyfan.com/blog/demo/none_outline/#comments</comments>
		<pubDate>Tue, 19 May 2009 11:07:47 +0000</pubDate>
		<dc:creator>米饭</dc:creator>
		
		<category><![CDATA[demo]]></category>

		<category><![CDATA[按钮]]></category>

		<category><![CDATA[点击时的虚线]]></category>

		<category><![CDATA[链接]]></category>

		<guid isPermaLink="false">http://tommyfan.com/blog/?p=284</guid>
		<description><![CDATA[深藏多年秘笈大公开，全世界唯一一家公布，怎么点就是点不出，纯CSS去掉按钮或者链接点击产生的虚线。]]></description>
			<content:encoded><![CDATA[<p>深藏多年秘笈大公开，全世界唯一一家公布，怎么点就是点不出，纯<acronym title="Cascading Style Sheets">CSS</acronym>去掉按钮或者链接点击产生的虚线。</p>
<pre name="code" class="html">
&lt;style type="text/css"&gt;
	.wrap{position:relative;}
	.btns{zoom:1;}
	.btns *{outline:0;zoom:1;background:#f2f2f2;}
	.btns button::-moz-focus-inner{border-color:transparent!important;}
&lt;/style&gt;
&lt;div class="wrap"&gt;
	&lt;div class="btns"&gt;
		&lt;button type="button"&gt;确定&lt;/button&gt;&lt;button type="button"&gt;取消&lt;/button&gt;
		&lt;a href="#"&gt;确定&lt;/a&gt;&lt;a href="#"&gt;取消&lt;/a&gt;
	&lt;/div&gt;
&lt;/div&gt;
</pre>
<p><a href="http://tommyfan.com/blog/demos/none_outline/">看看效果</a></p>
<p>这个东东是无意中的发现，用处数数也瞒多，像ie下带border的button点击时恶心的表现、去掉tab的点击虚线等等。但遗憾的是这个东东在实践中发现，ie下还是容易受样式环境影响。</p>
<p>这个效果的实现重点在于我在无意中发现了IE下的一个bug，这个bug在特定环境会导致按钮或链接点击时失去虚线。其它浏览器就比较简单，支持CSS2的浏览器可以通过设置outline解决，FF的button标签通过私有属性特别处理，DEMO在多个主流浏览器测试通过。</p>
]]></content:encoded>
			<wfw:commentRss>http://tommyfan.com/blog/demo/none_outline/feed/</wfw:commentRss>
		</item>
		<item>
		<title>ie8新特性的应用</title>
		<link>http://tommyfan.com/blog/skill/ie8_features/</link>
		<comments>http://tommyfan.com/blog/skill/ie8_features/#comments</comments>
		<pubDate>Fri, 15 May 2009 10:36:48 +0000</pubDate>
		<dc:creator>米饭</dc:creator>
		
		<category><![CDATA[skill]]></category>

		<category><![CDATA[Accelerators]]></category>

		<category><![CDATA[ie8]]></category>

		<category><![CDATA[Instant Search]]></category>

		<category><![CDATA[Web Slices]]></category>

		<category><![CDATA[加速器]]></category>

		<category><![CDATA[即时搜索]]></category>

		<category><![CDATA[网页快讯]]></category>

		<guid isPermaLink="false">http://tommyfan.com/blog/?p=260</guid>
		<description><![CDATA[今天分享了一份ppt，关于ie8新特性的介绍及应用，内容大致如下：网页快讯、加速器、即时搜索。
]]></description>
			<content:encoded><![CDATA[<div><a href="http://tommyfan.com/blog/demo/ie8_features/"><img class="alignnone" src="http://tommyfan.com/blog/wp-content/themes/tommyfan_v1/img/ie8_features.jpg" alt="ie8新特性" width="438" height="330" /></a></div>
<p>今天分享了一份ppt，关于ie8新特性的介绍及应用，内容大致如下：</p>
<p><strong>网页快讯 Web Slice</strong></p>
<p><img class="alignnone" src="http://tommyfan.com/blog/wp-content/themes/tommyfan_v1/img/ie8_webslices.jpg" alt="webslice" width="394" height="297" /></p>
<p>webslice可以剪切网页的一部份放置于IE，便于更新及跟踪所需要的信息。它与RSS的性质相同，但更加友好、更加易用。</p>
<p>如果我们的页面支持webslice，用户将鼠标移动至webslice模块上方时便出现绿色订阅按钮 ，点击按钮即可将对应模块订阅。</p>
<p>很遗憾，像qq秀这样的frameset页面结构仍不支持鼠标动作。并且因为订阅后模块内的js被屏蔽，所以数据不能通过javascript拉取，但我们可以通过提供订阅按钮解决。<br />
<span id="more-260"></span></p>
<p><strong>加速器 Accelerators</strong></p>
<p><img class="alignnone" src="http://tommyfan.com/blog/wp-content/themes/tommyfan_v1/img/ie8_accelerators.jpg" alt="accelerators" width="394" height="297" /></p>
<p>在浏览网页看到有兴趣的关键词时，可以通过accelerators快速的找到关键词的其它信息。例如您在逛淘宝服饰时想搜索对应的QQ秀装扮；又或者您在浏览公司介绍时想查询地址所在地图以及相关行车路线。</p>
<p>很奇怪的是web slices不支持，但加速器的预览页面是支持javascript。</p>
<p><strong>即时搜索 Instant Search</strong></p>
<p><img class="alignnone" src="http://tommyfan.com/blog/wp-content/themes/tommyfan_v1/img/ie8_instant_search.jpg" alt="Instant Search" width="394" height="297" /></p>
<p>用户在搜索关键字时可以根据关键字预览其它搜索引擎的搜索结果。例如：在搜索淘宝服饰时想看一看qq秀的搜索建议。这些操作通过点击搜索建议下方按钮便可以轻松切换。</p>
<p>通过编写符合OpenSearch规范的XML文件，添加搜索引擎至IE搜索栏。</p>
<p><a href="http://tommyfan.com/blog/wp-content/themes/tommyfan_v1/ppt/ie8_features.rar">下载PPT【ie8新特性应用】</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tommyfan.com/blog/skill/ie8_features/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>

