<?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>Long Step - [with 猫嗔]</title>
	<atom:link href="http://longstep.cn/index.php?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://longstep.cn</link>
	<description>迈大步，加快前进的速度...</description>
	<pubDate>Tue, 11 May 2010 09:19:48 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>dropbox最新host地址</title>
		<link>http://longstep.cn/?p=233</link>
		<comments>http://longstep.cn/?p=233#comments</comments>
		<pubDate>Tue, 11 May 2010 09:19:48 +0000</pubDate>
		<dc:creator>猫嗔</dc:creator>
		
		<category><![CDATA[软件工具]]></category>

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

		<guid isPermaLink="false">http://longstep.cn/?p=233</guid>

<description><![CDATA[<div>
近期dropbox出现无法连接服务器的问题<br />
出现这个问题请添加host地址。<br />
host文件位置：C:\Windows\System32\drivers\etc
</div>
<p></p>
<div>
&#8211;更新时间2010-05-10&#8211;<br />
174.36.30.71 www.dropbox.com
</div>
<ul class="related_post">
<li><a href="http://longstep.cn/?p=21" title="Adobe Flex Builder 3.0 注册机下载（注册码 破解补丁） ">Adobe Flex Builder 3.0 注册机下载（注册码 破解补丁） </a></li>
<li><a href="http://longstep.cn/?p=16" title="Painter IX.5 注册机破解下载">Painter IX.5 注册机破解下载</a></li>
</ul>
]]></description>

		<!--<description><![CDATA[
近期dropbox出现无法连接服务器的问题
出现这个问题请添加host地址。
host文件位置：C:\Windows\System32\drivers\etc



&#8211;更新时间2010-05-10&#8211;
174.36.30.71 www.dropbox.com


Adobe Flex Builder 3.0 注册机下载（注册码 破解补丁） 
Painter IX.5 注册机破解下载

]]></description>
	-->
	
		<content:encoded><![CDATA[<div>
近期dropbox出现无法连接服务器的问题<br />
出现这个问题请添加host地址。<br />
host文件位置：C:\Windows\System32\drivers\etc
</div>
<p></p>
<div>
&#8211;更新时间2010-05-10&#8211;<br />
174.36.30.71 www.dropbox.com
</div>
<ul class="related_post">
<li><a href="http://longstep.cn/?p=21" title="Adobe Flex Builder 3.0 注册机下载（注册码 破解补丁） ">Adobe Flex Builder 3.0 注册机下载（注册码 破解补丁） </a></li>
<li><a href="http://longstep.cn/?p=16" title="Painter IX.5 注册机破解下载">Painter IX.5 注册机破解下载</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://longstep.cn/?feed=rss2&amp;p=233</wfw:commentRss>
		</item>
		<item>
		<title>sns网站与sns招聘平台</title>
		<link>http://longstep.cn/?p=232</link>
		<comments>http://longstep.cn/?p=232#comments</comments>
		<pubDate>Thu, 06 May 2010 14:37:32 +0000</pubDate>
		<dc:creator>猫嗔</dc:creator>
		
		<category><![CDATA[产品设计]]></category>

		<category><![CDATA[审视世界]]></category>

		<category><![CDATA[sns网站]]></category>

		<category><![CDATA[网站分析]]></category>

		<guid isPermaLink="false">http://longstep.cn/?p=232</guid>

<description><![CDATA[<p>前几天面试一位产品助理，问及其目前比较看好的网站类型是什么，其回答说是sns网站。同时，又进一步说是已经在国外火爆，但国内尚未兴起的招聘类sns。</p>
<p>今年，sns网站虽然还保持着热度。特别是在国内，当全民(尤其是二三线城市的叔叔阿姨们)都在为偷菜忙的不亦乐乎的情况下，更是表现的一片火爆。但是，我们也要清楚的看到，国内的sns网站在娱乐背后，似乎已经开始显出了一些疲软。其中主要原因是由于新的增长点严重不足，功能的单一化、粗糙化和无趣化让用户开始疲倦。</p>
<p>据统计，sns各个功能的使用度也开始慢慢回归到心情、相册和博客。sns网站似乎又开始向论坛、博客、微博分化。正如《三国》所说，话天下大势，分久必合，合久必分。当sns要一统江湖的时候，门派优势和分裂趋势不断的表现出来。今年新浪微博、腾讯微博的火爆就是最好的写照。</p>
<p>当然，其实猫嗔想说的并不是sns大势已去。今天更想说的是人人网的sns招聘平台。正如面试的小兄弟说的，招聘类专业性sns还没在国内兴起。我问他：你感觉没有兴起的原因是什么？我问他：你会去上一个专业的招聘sns么？他说会啊，他说在里面可以更好的相互了解。于是我提出了几个相关的疑问：</p>
<ul>
<li><strong>1）. 用户为什么会上一个招聘类的sns，而不是去一个专业的普通招聘网站？</strong></li>
<li><strong>2）. 如果说sns中是真实信息，便于交流，那么我倒是觉得在专业招聘网站写的简历是最真实的，都有我的身份证号码。而sns中我是不敢轻易透漏这个信息的。</strong></li>
<li><strong>3）. 生活是不是要被sns割裂为【职业】【娱乐】【生活】和【虚幻乱搞】？很多用户没有耐心去面对多个sns的拖累。</strong></li>
<li><strong>4）. 招聘sns网站中的信息隐私权控制需要很好的斟酌。</strong></li>
</ul>
<p>在这几个疑问中，以如何黏着用户为核心问题。因为招聘与其他的兴趣类垂直sns不同，人的生活不是完全是工作，面对【工作】侵入生活的行为，不知道大家会做什么反应，还有待长时间的数据论证。</p>
<p>当然，我们也不能否认，sns的交流过程，以及同行或者是朋友间的评价，会让每个人的职业生涯及特长、性格能更准确的“ 暴露”在企业用户的眼前，这种多角度的了解方式，可以大大的提高配对成功率。同时，也让一些口碑好的求职者得到更多的展示机会。更重要的是，一些善于的网络营销与炒作的高手也会在这样的沟通方式下表现出天才般的演艺才能。这也将“个人社会化媒体营销”推向了一个新阶段。</p>
<p>招聘类sns，人人网已经在做了，我保持关注，希望不会像其电子商务“人人爱购”一样不温不火。其实，在sns的基础上创新我还是很期待的，毕竟，“大网络化”的进程在一步步推进。同时也希望招聘类sns能终结传统类招聘网站“烧钱”的历史，并彰显出sns的魅力。<br />
<h3>Random Posts</h3>
<ul class="related_post">
<li><a href="http://longstep.cn/?p=169" title="淘宝信用体系改革困难重重:遭遇“托儿”袭击">淘宝信用体系改革困难重重:遭遇“托儿”袭击</a></li>
<li><a href="http://longstep.cn/?p=223" title="网站运营应该反思的十余个问题">网站运营应该反思的十余个问题</a></li>
<li><a href="http://longstep.cn/?p=152" title="AS3/Flex基础知识100条">AS3/Flex基础知识100条</a></li>
<li><a href="http://longstep.cn/?p=3" title="wordpress安装后无法登陆的解决方法">wordpress安装后无法登陆的解决方法</a></li>
<li><a href="http://longstep.cn/?p=93" title="《暗黑破坏神 3》(DIABLO 3)新年壁纸">《暗黑破坏神 3》(DIABLO 3)新年壁纸</a></li>
<li><a href="http://longstep.cn/?p=103" title="修复IE 6的3像素偏移BUG">修复IE 6的3像素偏移BUG</a></li>
<li><a href="http://longstep.cn/?p=183" title="用js添加书写css样式（批量操作）">用js添加书写css样式（批量操作）</a></li>
<li><a href="http://longstep.cn/?p=121" title="IE假死-在地址栏输入URL地址弹出新窗口的解决方法">IE假死-在地址栏输入URL地址弹出新窗口的解决方法</a></li>
<li><a href="http://longstep.cn/?p=96" title="json文件读取简单实例">json文件读取简单实例</a></li>
<li><a href="http://longstep.cn/?p=62" title="Yahoo!开发团队总结的网站性能优化的34条黄金守则（二）—服务器">Yahoo!开发团队总结的网站性能优化的34条黄金守则（二）—服务器</a></li>
</ul>
]]></description>

		<!--<description><![CDATA[前几天面试一位产品助理，问及其目前比较看好的网站类型是什么，其回答说是sns网站。同时，又进一步说是已经在国外火爆，但国内尚未兴起的招聘类sns。
今年，sns网站虽然还保持着热度。特别是在国内，当全民(尤其是二三线城市的叔叔阿姨们)都在为偷菜忙的不亦乐乎的情况下，更是表现的一片火爆。但是，我们也要清楚的看到，国内的sns网站在娱乐背后，似乎已经开始显出了一些疲软。其中主要原因是由于新的增长点严重不足，功能的单一化、粗糙化和无趣化让用户开始疲倦。
据统计，sns各个功能的使用度也开始慢慢回归到心情、相册和博客。sns网站似乎又开始向论坛、博客、微博分化。正如《三国》所说，话天下大势，分久必合，合久必分。当sns要一统江湖的时候，门派优势和分裂趋势不断的表现出来。今年新浪微博、腾讯微博的火爆就是最好的写照。
当然，其实猫嗔想说的并不是sns大势已去。今天更想说的是人人网的sns招聘平台。正如面试的小兄弟说的，招聘类专业性sns还没在国内兴起。我问他：你感觉没有兴起的原因是什么？我问他：你会去上一个专业的招聘sns么？他说会啊，他说在里面可以更好的相互了解。于是我提出了几个相关的疑问：

1）. 用户为什么会上一个招聘类的sns，而不是去一个专业的普通招聘网站？
2）. 如果说sns中是真实信息，便于交流，那么我倒是觉得在专业招聘网站写的简历是最真实的，都有我的身份证号码。而sns中我是不敢轻易透漏这个信息的。
3）. 生活是不是要被sns割裂为【职业】【娱乐】【生活】和【虚幻乱搞】？很多用户没有耐心去面对多个sns的拖累。
4）. 招聘sns网站中的信息隐私权控制需要很好的斟酌。

在这几个疑问中，以如何黏着用户为核心问题。因为招聘与其他的兴趣类垂直sns不同，人的生活不是完全是工作，面对【工作】侵入生活的行为，不知道大家会做什么反应，还有待长时间的数据论证。
当然，我们也不能否认，sns的交流过程，以及同行或者是朋友间的评价，会让每个人的职业生涯及特长、性格能更准确的“ 暴露”在企业用户的眼前，这种多角度的了解方式，可以大大的提高配对成功率。同时，也让一些口碑好的求职者得到更多的展示机会。更重要的是，一些善于的网络营销与炒作的高手也会在这样的沟通方式下表现出天才般的演艺才能。这也将“个人社会化媒体营销”推向了一个新阶段。
招聘类sns，人人网已经在做了，我保持关注，希望不会像其电子商务“人人爱购”一样不温不火。其实，在sns的基础上创新我还是很期待的，毕竟，“大网络化”的进程在一步步推进。同时也希望招聘类sns能终结传统类招聘网站“烧钱”的历史，并彰显出sns的魅力。
Random Posts

网页loading效果的实现
诡异的现代主义的动画片
flex中addPopUp窗口相对浏览器居中
微软明日凌晨将发正式版IE 8浏览器
网站推广的十大禁忌
JS读写Cookie以及设置过期时间 
经典的红白机（任天堂）游戏音乐专辑
wordpress安装后无法登陆的解决方法
Adobe Flex Builder 3.0 注册机下载（注册码 破解补丁） 
Yahoo!开发团队总结的网站性能优化的34条黄金守则（一）—内容

]]></description>
	-->
	
		<content:encoded><![CDATA[<p>前几天面试一位产品助理，问及其目前比较看好的网站类型是什么，其回答说是sns网站。同时，又进一步说是已经在国外火爆，但国内尚未兴起的招聘类sns。</p>
<p>今年，sns网站虽然还保持着热度。特别是在国内，当全民(尤其是二三线城市的叔叔阿姨们)都在为偷菜忙的不亦乐乎的情况下，更是表现的一片火爆。但是，我们也要清楚的看到，国内的sns网站在娱乐背后，似乎已经开始显出了一些疲软。其中主要原因是由于新的增长点严重不足，功能的单一化、粗糙化和无趣化让用户开始疲倦。</p>
<p>据统计，sns各个功能的使用度也开始慢慢回归到心情、相册和博客。sns网站似乎又开始向论坛、博客、微博分化。正如《三国》所说，话天下大势，分久必合，合久必分。当sns要一统江湖的时候，门派优势和分裂趋势不断的表现出来。今年新浪微博、腾讯微博的火爆就是最好的写照。</p>
<p>当然，其实猫嗔想说的并不是sns大势已去。今天更想说的是人人网的sns招聘平台。正如面试的小兄弟说的，招聘类专业性sns还没在国内兴起。我问他：你感觉没有兴起的原因是什么？我问他：你会去上一个专业的招聘sns么？他说会啊，他说在里面可以更好的相互了解。于是我提出了几个相关的疑问：</p>
<ul>
<li><strong>1）. 用户为什么会上一个招聘类的sns，而不是去一个专业的普通招聘网站？</strong></li>
<li><strong>2）. 如果说sns中是真实信息，便于交流，那么我倒是觉得在专业招聘网站写的简历是最真实的，都有我的身份证号码。而sns中我是不敢轻易透漏这个信息的。</strong></li>
<li><strong>3）. 生活是不是要被sns割裂为【职业】【娱乐】【生活】和【虚幻乱搞】？很多用户没有耐心去面对多个sns的拖累。</strong></li>
<li><strong>4）. 招聘sns网站中的信息隐私权控制需要很好的斟酌。</strong></li>
</ul>
<p>在这几个疑问中，以如何黏着用户为核心问题。因为招聘与其他的兴趣类垂直sns不同，人的生活不是完全是工作，面对【工作】侵入生活的行为，不知道大家会做什么反应，还有待长时间的数据论证。</p>
<p>当然，我们也不能否认，sns的交流过程，以及同行或者是朋友间的评价，会让每个人的职业生涯及特长、性格能更准确的“ 暴露”在企业用户的眼前，这种多角度的了解方式，可以大大的提高配对成功率。同时，也让一些口碑好的求职者得到更多的展示机会。更重要的是，一些善于的网络营销与炒作的高手也会在这样的沟通方式下表现出天才般的演艺才能。这也将“个人社会化媒体营销”推向了一个新阶段。</p>
<p>招聘类sns，人人网已经在做了，我保持关注，希望不会像其电子商务“人人爱购”一样不温不火。其实，在sns的基础上创新我还是很期待的，毕竟，“大网络化”的进程在一步步推进。同时也希望招聘类sns能终结传统类招聘网站“烧钱”的历史，并彰显出sns的魅力。<br />
<h3>Random Posts</h3>
<ul class="related_post">
<li><a href="http://longstep.cn/?p=155" title="化零为整的交流方式Google Wave">化零为整的交流方式Google Wave</a></li>
<li><a href="http://longstep.cn/?p=96" title="json文件读取简单实例">json文件读取简单实例</a></li>
<li><a href="http://longstep.cn/?p=1" title="Hello world!新年快乐！">Hello world!新年快乐！</a></li>
<li><a href="http://longstep.cn/?p=217" title="前端工程师常用工具">前端工程师常用工具</a></li>
<li><a href="http://longstep.cn/?p=132" title="极富创意的饼干广告">极富创意的饼干广告</a></li>
<li><a href="http://longstep.cn/?p=194" title="在SEO中网页元素标签谁最重要">在SEO中网页元素标签谁最重要</a></li>
<li><a href="http://longstep.cn/?p=28" title="新手如何学习Flash（心得交流）">新手如何学习Flash（心得交流）</a></li>
<li><a href="http://longstep.cn/?p=199" title="google wave邀请和试用">google wave邀请和试用</a></li>
<li><a href="http://longstep.cn/?p=21" title="Adobe Flex Builder 3.0 注册机下载（注册码 破解补丁） ">Adobe Flex Builder 3.0 注册机下载（注册码 破解补丁） </a></li>
<li><a href="http://longstep.cn/?p=220" title="2010年搜索引擎市场前景预测">2010年搜索引擎市场前景预测</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://longstep.cn/?feed=rss2&amp;p=232</wfw:commentRss>
		</item>
		<item>
		<title>short URL服务是微信息时代的产物</title>
		<link>http://longstep.cn/?p=230</link>
		<comments>http://longstep.cn/?p=230#comments</comments>
		<pubDate>Sat, 10 Apr 2010 01:34:24 +0000</pubDate>
		<dc:creator>猫嗔</dc:creator>
		
		<category><![CDATA[用心生活]]></category>

		<guid isPermaLink="false">http://longstep.cn/?p=230</guid>

<description><![CDATA[<p>随着新浪微博的火爆，大家也开始关注到一个服务，那就是网址缩短服务short URL。大家都认为缩短网址有助于信息的分享和传播，这也让short URL一度成为了最热门的web2.0服务。</p>
<p>缩短网址服务源自于sns或者说是微信息时代一句话博客的兴起（twitter、嘀咕、新浪围脖等），因为每条微信息的字数有限，如果使用原本的URL，会导致占用过多的字符。更有甚者，一个经过算法加密或者是带了很多参数的长网址，其本身的长度就已经超过了微信息的字数限制。于是，缩短URL的服务就诞生了。</p>
<p>缩短网址short URL服务从最初的单一用途又衍生出许多新的扩展。这也许就更说明了网络服务创造者的创造力，如此简单的服务也能萌发出商机。但是不管是因为商业利益的驱使与否，一些功能性的延伸也确实是有意义的。正如我们每一个怀揣热情进入互联网的人一样，我们的激情是用来创造互联网中更有意义和有价值的服务，利益和商业回报是老板和投资人要考虑的事情（当然，不是说我们不需要吃饭，呵呵）。</p>
<p>下面就罗列一下网址缩短服务的功能价值和衍生服务</p>
<p>1.自然是为微信息时代服务，减少网址占用的字符数</p>
<p>2.缩短了url的长度，让信息传播更简单，更容易记忆</p>
<p>3.有很多网站提供了多网址缩短服务，让多个网址的分享。例如：<a id="nelk" title="http://1link.in/vmwzy" href="http://1link.in/vmwzy" target="_blank">http://1link.in/vmwzy</a><a id="nelk" class="bignew hv" title="http://1link.in/ewrzm" href="http://1link.in/ewrzm"></a></p>
<p>4.通过短域名进行信息的再次分类：</p>
<p>例如：<br />
假设longstep.cn是提供缩短域名的服务商（虽然本身有点长）<br />
news.longstep.cn/it下提供所有it新闻的内容<br />
taobaoshop.longstep.cn/ipad下提供淘宝中出售ipad的网店</p>
<p>5.让缩短后的域名更有意义</p>
<p>这条于上一条相似，不过要求提供服务的机构拥有更多短而有意义的域名</p>
<p>例如：<br />
sinaweibo.con/shockcat 提供给寻找猫嗔（shockcat）的新浪微博<br />
sell.dazhe.cn/thinkpad下提供卖thinkpad打折店的内容</p>
<p>以此类推</p>
<p>但是这样的缩短域名服务的盈利点还有待置疑，虽然提供了服务，但是也有借花献佛、移花接木的嫌疑，目前大多依靠广告过活。如果没有更好的想法做后续服务的支持，缩短域名的服务必将收归成为每个网站自身提供的服务，或者必将导致又一场抢注域名的大战。</p>
<p>最后shockcat推荐几个现有的缩短域名服务：</p>
<p>http://1link.in/</p>
<p>http://arm.in/</p>
<p>http://is.gd<br />
<h3>Random Posts</h3>
<ul class="related_post">
<li><a href="http://longstep.cn/?p=214" title="经典海量jQuery插件">经典海量jQuery插件</a></li>
<li><a href="http://longstep.cn/?p=183" title="用js添加书写css样式（批量操作）">用js添加书写css样式（批量操作）</a></li>
<li><a href="http://longstep.cn/?p=184" title="交互设计的相关学科">交互设计的相关学科</a></li>
<li><a href="http://longstep.cn/?p=182" title="快乐女生江映蓉夺冠">快乐女生江映蓉夺冠</a></li>
<li><a href="http://longstep.cn/?p=26" title="浮动标签清除浮动方法小结">浮动标签清除浮动方法小结</a></li>
<li><a href="http://longstep.cn/?p=147" title="mozilla中建议的css属性书写顺序">mozilla中建议的css属性书写顺序</a></li>
<li><a href="http://longstep.cn/?p=199" title="google wave邀请和试用">google wave邀请和试用</a></li>
<li><a href="http://longstep.cn/?p=133" title="qq2009的新功能：生日快乐！">qq2009的新功能：生日快乐！</a></li>
<li><a href="http://longstep.cn/?p=159" title="flex builder3如何设置默认浏览器">flex builder3如何设置默认浏览器</a></li>
<li><a href="http://longstep.cn/?p=180" title="电脑升级或者外设选购前要做足功课">电脑升级或者外设选购前要做足功课</a></li>
</ul>
]]></description>

		<!--<description><![CDATA[随着新浪微博的火爆，大家也开始关注到一个服务，那就是网址缩短服务short URL。大家都认为缩短网址有助于信息的分享和传播，这也让short URL一度成为了最热门的web2.0服务。
缩短网址服务源自于sns或者说是微信息时代一句话博客的兴起（twitter、嘀咕、新浪围脖等），因为每条微信息的字数有限，如果使用原本的URL，会导致占用过多的字符。更有甚者，一个经过算法加密或者是带了很多参数的长网址，其本身的长度就已经超过了微信息的字数限制。于是，缩短URL的服务就诞生了。
缩短网址short URL服务从最初的单一用途又衍生出许多新的扩展。这也许就更说明了网络服务创造者的创造力，如此简单的服务也能萌发出商机。但是不管是因为商业利益的驱使与否，一些功能性的延伸也确实是有意义的。正如我们每一个怀揣热情进入互联网的人一样，我们的激情是用来创造互联网中更有意义和有价值的服务，利益和商业回报是老板和投资人要考虑的事情（当然，不是说我们不需要吃饭，呵呵）。
下面就罗列一下网址缩短服务的功能价值和衍生服务
1.自然是为微信息时代服务，减少网址占用的字符数
2.缩短了url的长度，让信息传播更简单，更容易记忆
3.有很多网站提供了多网址缩短服务，让多个网址的分享。例如：http://1link.in/vmwzy
4.通过短域名进行信息的再次分类：
例如：
假设longstep.cn是提供缩短域名的服务商（虽然本身有点长）
news.longstep.cn/it下提供所有it新闻的内容
taobaoshop.longstep.cn/ipad下提供淘宝中出售ipad的网店
5.让缩短后的域名更有意义
这条于上一条相似，不过要求提供服务的机构拥有更多短而有意义的域名
例如：
sinaweibo.con/shockcat 提供给寻找猫嗔（shockcat）的新浪微博
sell.dazhe.cn/thinkpad下提供卖thinkpad打折店的内容
以此类推
但是这样的缩短域名服务的盈利点还有待置疑，虽然提供了服务，但是也有借花献佛、移花接木的嫌疑，目前大多依靠广告过活。如果没有更好的想法做后续服务的支持，缩短域名的服务必将收归成为每个网站自身提供的服务，或者必将导致又一场抢注域名的大战。
最后shockcat推荐几个现有的缩短域名服务：
http://1link.in/
http://arm.in/
http://is.gd
Random Posts

Enterprise Architect 下载地址+注册码
《暗黑破坏神 3》(DIABLO 3)新年壁纸
Hello world!新年快乐！
什么是长尾关键词？
AXURE 5.6 下载 注册码
Yahoo!开发团队总结的网站性能优化的34条黄金守则（三）—JavaScript和CSS
交互设计的相关学科
产品设计中思考的问题
新闻关注不是空穴来风（1）
firefox的私有属性

]]></description>
	-->
	
		<content:encoded><![CDATA[<p>随着新浪微博的火爆，大家也开始关注到一个服务，那就是网址缩短服务short URL。大家都认为缩短网址有助于信息的分享和传播，这也让short URL一度成为了最热门的web2.0服务。</p>
<p>缩短网址服务源自于sns或者说是微信息时代一句话博客的兴起（twitter、嘀咕、新浪围脖等），因为每条微信息的字数有限，如果使用原本的URL，会导致占用过多的字符。更有甚者，一个经过算法加密或者是带了很多参数的长网址，其本身的长度就已经超过了微信息的字数限制。于是，缩短URL的服务就诞生了。</p>
<p>缩短网址short URL服务从最初的单一用途又衍生出许多新的扩展。这也许就更说明了网络服务创造者的创造力，如此简单的服务也能萌发出商机。但是不管是因为商业利益的驱使与否，一些功能性的延伸也确实是有意义的。正如我们每一个怀揣热情进入互联网的人一样，我们的激情是用来创造互联网中更有意义和有价值的服务，利益和商业回报是老板和投资人要考虑的事情（当然，不是说我们不需要吃饭，呵呵）。</p>
<p>下面就罗列一下网址缩短服务的功能价值和衍生服务</p>
<p>1.自然是为微信息时代服务，减少网址占用的字符数</p>
<p>2.缩短了url的长度，让信息传播更简单，更容易记忆</p>
<p>3.有很多网站提供了多网址缩短服务，让多个网址的分享。例如：<a id="nelk" title="http://1link.in/vmwzy" href="http://1link.in/vmwzy" target="_blank">http://1link.in/vmwzy</a><a id="nelk" class="bignew hv" title="http://1link.in/ewrzm" href="http://1link.in/ewrzm"></a></p>
<p>4.通过短域名进行信息的再次分类：</p>
<p>例如：<br />
假设longstep.cn是提供缩短域名的服务商（虽然本身有点长）<br />
news.longstep.cn/it下提供所有it新闻的内容<br />
taobaoshop.longstep.cn/ipad下提供淘宝中出售ipad的网店</p>
<p>5.让缩短后的域名更有意义</p>
<p>这条于上一条相似，不过要求提供服务的机构拥有更多短而有意义的域名</p>
<p>例如：<br />
sinaweibo.con/shockcat 提供给寻找猫嗔（shockcat）的新浪微博<br />
sell.dazhe.cn/thinkpad下提供卖thinkpad打折店的内容</p>
<p>以此类推</p>
<p>但是这样的缩短域名服务的盈利点还有待置疑，虽然提供了服务，但是也有借花献佛、移花接木的嫌疑，目前大多依靠广告过活。如果没有更好的想法做后续服务的支持，缩短域名的服务必将收归成为每个网站自身提供的服务，或者必将导致又一场抢注域名的大战。</p>
<p>最后shockcat推荐几个现有的缩短域名服务：</p>
<p>http://1link.in/</p>
<p>http://arm.in/</p>
<p>http://is.gd<br />
<h3>Random Posts</h3>
<ul class="related_post">
<li><a href="http://longstep.cn/?p=54" title="送给我的小熊猫">送给我的小熊猫</a></li>
<li><a href="http://longstep.cn/?p=64" title="Yahoo!开发团队总结的网站性能优化的34条黄金守则（四）—图片、Coockie与移动应用">Yahoo!开发团队总结的网站性能优化的34条黄金守则（四）—图片、Coockie与移动应用</a></li>
<li><a href="http://longstep.cn/?p=233" title="dropbox最新host地址">dropbox最新host地址</a></li>
<li><a href="http://longstep.cn/?p=63" title="Yahoo!开发团队总结的网站性能优化的34条黄金守则（三）—JavaScript和CSS">Yahoo!开发团队总结的网站性能优化的34条黄金守则（三）—JavaScript和CSS</a></li>
<li><a href="http://longstep.cn/?p=1" title="Hello world!新年快乐！">Hello world!新年快乐！</a></li>
<li><a href="http://longstep.cn/?p=132" title="极富创意的饼干广告">极富创意的饼干广告</a></li>
<li><a href="http://longstep.cn/?p=167" title="产品设计中思考的问题">产品设计中思考的问题</a></li>
<li><a href="http://longstep.cn/?p=154" title="flex使用Alert组件小结">flex使用Alert组件小结</a></li>
<li><a href="http://longstep.cn/?p=126" title="诡异的现代主义的动画片">诡异的现代主义的动画片</a></li>
<li><a href="http://longstep.cn/?p=121" title="IE假死-在地址栏输入URL地址弹出新窗口的解决方法">IE假死-在地址栏输入URL地址弹出新窗口的解决方法</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://longstep.cn/?feed=rss2&amp;p=230</wfw:commentRss>
		</item>
		<item>
		<title>几种设计常用英文字体推荐</title>
		<link>http://longstep.cn/?p=229</link>
		<comments>http://longstep.cn/?p=229#comments</comments>
		<pubDate>Sat, 20 Feb 2010 11:02:00 +0000</pubDate>
		<dc:creator>猫嗔</dc:creator>
		
		<category><![CDATA[设计路上]]></category>

		<category><![CDATA[英文字体]]></category>

		<guid isPermaLink="false">http://longstep.cn/?p=229</guid>

<description><![CDATA[<p><img class=" alignnone" title="设计常用英文字体" src="http://dl-web.dropbox.com/u/661670/longstepImages/20100220.jpg" alt="设计常用英文字体" /></p>
<p>做设计或者说是学习设计的过程中会经历一个由繁琐到简单的过程，这个过程不是说抛弃了精美，而是去粗取精。</p>
<p>特别是关于设计中字体的使用：初学之时，电脑中存满了字体，各种风格花哨的字体成为作品中的最爱。但是随着设计思想的沉淀，那种简单而有力的字体逐渐成为首选。比如说我们常用的arial、Times New Roman、vardana。当然这些经典的字体已经是变幻莫测，并足够我们去体会的了，但是这也不免有些单调。</p>
<p>下面列了一些我常用的英文字体，算是对经典的补充，总体来说都是走规整风格。大家可以按图索骥。包括：Helvetica Amazone Bickham Palace Trajanpro Futura Plaza Verdana Myriad Humanist777等。<br />
<h3>Random Posts</h3>
<ul class="related_post">
<li><a href="http://longstep.cn/?p=197" title="什么是长尾关键词？">什么是长尾关键词？</a></li>
<li><a href="http://longstep.cn/?p=123" title="新闻关注不是空穴来风（1）">新闻关注不是空穴来风（1）</a></li>
<li><a href="http://longstep.cn/?p=172" title="软件开发中常见英文缩写">软件开发中常见英文缩写</a></li>
<li><a href="http://longstep.cn/?p=160" title="flex中addPopUp窗口相对浏览器居中">flex中addPopUp窗口相对浏览器居中</a></li>
<li><a href="http://longstep.cn/?p=170" title="Enterprise Architect 下载地址+注册码">Enterprise Architect 下载地址+注册码</a></li>
<li><a href="http://longstep.cn/?p=3" title="wordpress安装后无法登陆的解决方法">wordpress安装后无法登陆的解决方法</a></li>
<li><a href="http://longstep.cn/?p=169" title="淘宝信用体系改革困难重重:遭遇“托儿”袭击">淘宝信用体系改革困难重重:遭遇“托儿”袭击</a></li>
<li><a href="http://longstep.cn/?p=144" title="flex中绑定元数据">flex中绑定元数据</a></li>
<li><a href="http://longstep.cn/?p=227" title="最新苹果平板电脑ipad不支持Flash">最新苹果平板电脑ipad不支持Flash</a></li>
<li><a href="http://longstep.cn/?p=213" title="网站推广的十大禁忌">网站推广的十大禁忌</a></li>
</ul>
]]></description>

		<!--<description><![CDATA[
做设计或者说是学习设计的过程中会经历一个由繁琐到简单的过程，这个过程不是说抛弃了精美，而是去粗取精。
特别是关于设计中字体的使用：初学之时，电脑中存满了字体，各种风格花哨的字体成为作品中的最爱。但是随着设计思想的沉淀，那种简单而有力的字体逐渐成为首选。比如说我们常用的arial、Times New Roman、vardana。当然这些经典的字体已经是变幻莫测，并足够我们去体会的了，但是这也不免有些单调。
下面列了一些我常用的英文字体，算是对经典的补充，总体来说都是走规整风格。大家可以按图索骥。包括：Helvetica Amazone Bickham Palace Trajanpro Futura Plaza Verdana Myriad Humanist777等。
Random Posts

Yahoo!开发团队总结的网站性能优化的34条黄金守则（四）—图片、Coockie与移动应用
送给我的小熊猫
Enterprise Architect 下载地址+注册码
修复IE 6的3像素偏移BUG
浮动标签清除浮动方法小结
2010年搜索引擎市场前景预测
新闻关注不是空穴来风（1）
前端工程师常用工具
wordpress安装后无法登陆的解决方法
google wave邀请和试用

]]></description>
	-->
	
		<content:encoded><![CDATA[<p><img class=" alignnone" title="设计常用英文字体" src="http://dl-web.dropbox.com/u/661670/longstepImages/20100220.jpg" alt="设计常用英文字体" /></p>
<p>做设计或者说是学习设计的过程中会经历一个由繁琐到简单的过程，这个过程不是说抛弃了精美，而是去粗取精。</p>
<p>特别是关于设计中字体的使用：初学之时，电脑中存满了字体，各种风格花哨的字体成为作品中的最爱。但是随着设计思想的沉淀，那种简单而有力的字体逐渐成为首选。比如说我们常用的arial、Times New Roman、vardana。当然这些经典的字体已经是变幻莫测，并足够我们去体会的了，但是这也不免有些单调。</p>
<p>下面列了一些我常用的英文字体，算是对经典的补充，总体来说都是走规整风格。大家可以按图索骥。包括：Helvetica Amazone Bickham Palace Trajanpro Futura Plaza Verdana Myriad Humanist777等。<br />
<h3>Random Posts</h3>
<ul class="related_post">
<li><a href="http://longstep.cn/?p=115" title="一同支持“地球熄灯一小时”">一同支持“地球熄灯一小时”</a></li>
<li><a href="http://longstep.cn/?p=41" title="完美解决IE bug-使用IE7 library">完美解决IE bug-使用IE7 library</a></li>
<li><a href="http://longstep.cn/?p=135" title="flex 4下载地址（adobe官方）">flex 4下载地址（adobe官方）</a></li>
<li><a href="http://longstep.cn/?p=119" title="愚人节快乐！">愚人节快乐！</a></li>
<li><a href="http://longstep.cn/?p=54" title="送给我的小熊猫">送给我的小熊猫</a></li>
<li><a href="http://longstep.cn/?p=175" title="UML 2.0共有10种模型图概述">UML 2.0共有10种模型图概述</a></li>
<li><a href="http://longstep.cn/?p=3" title="wordpress安装后无法登陆的解决方法">wordpress安装后无法登陆的解决方法</a></li>
<li><a href="http://longstep.cn/?p=64" title="Yahoo!开发团队总结的网站性能优化的34条黄金守则（四）—图片、Coockie与移动应用">Yahoo!开发团队总结的网站性能优化的34条黄金守则（四）—图片、Coockie与移动应用</a></li>
<li><a href="http://longstep.cn/?p=57" title="三年，愿善始&#8230;">三年，愿善始&#8230;</a></li>
<li><a href="http://longstep.cn/?p=88" title="苹果发布公测版Safari 4浏览器">苹果发布公测版Safari 4浏览器</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://longstep.cn/?feed=rss2&amp;p=229</wfw:commentRss>
		</item>
		<item>
		<title>最新苹果平板电脑ipad不支持Flash</title>
		<link>http://longstep.cn/?p=227</link>
		<comments>http://longstep.cn/?p=227#comments</comments>
		<pubDate>Fri, 29 Jan 2010 07:20:56 +0000</pubDate>
		<dc:creator>猫嗔</dc:creator>
		
		<category><![CDATA[产品设计]]></category>

		<category><![CDATA[设计路上]]></category>

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

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

		<category><![CDATA[苹果电脑]]></category>

		<guid isPermaLink="false">http://longstep.cn/?p=227</guid>

<description><![CDATA[<p><img class="alignnone" title="ipad不支持flash" src="http://dl-web.dropbox.com/u/661670/longstepImages/ipud.jpg" alt="" /></p>
<p>http://theflashblog.com/?p=1703
<ul class="related_post">
<li><a href="http://longstep.cn/?p=43" title="有趣的Flash小游戏-鼠标指针躲避">有趣的Flash小游戏-鼠标指针躲避</a></li>
<li><a href="http://longstep.cn/?p=28" title="新手如何学习Flash（心得交流）">新手如何学习Flash（心得交流）</a></li>
</ul>
]]></description>

		<!--<description><![CDATA[
http://theflashblog.com/?p=1703

有趣的Flash小游戏-鼠标指针躲避
新手如何学习Flash（心得交流）

]]></description>
	-->
	
		<content:encoded><![CDATA[<p><img class="alignnone" title="ipad不支持flash" src="http://dl-web.dropbox.com/u/661670/longstepImages/ipud.jpg" alt="" /></p>
<p>http://theflashblog.com/?p=1703
<ul class="related_post">
<li><a href="http://longstep.cn/?p=43" title="有趣的Flash小游戏-鼠标指针躲避">有趣的Flash小游戏-鼠标指针躲避</a></li>
<li><a href="http://longstep.cn/?p=28" title="新手如何学习Flash（心得交流）">新手如何学习Flash（心得交流）</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://longstep.cn/?feed=rss2&amp;p=227</wfw:commentRss>
		</item>
		<item>
		<title>网站运营应该反思的十余个问题</title>
		<link>http://longstep.cn/?p=223</link>
		<comments>http://longstep.cn/?p=223#comments</comments>
		<pubDate>Wed, 20 Jan 2010 08:57:09 +0000</pubDate>
		<dc:creator>猫嗔</dc:creator>
		
		<category><![CDATA[网站运营]]></category>

		<category><![CDATA[工作流]]></category>

		<category><![CDATA[网络营销]]></category>

		<guid isPermaLink="false">http://longstep.cn/?p=223</guid>

<description><![CDATA[<p>有时候在运营网站的时候不知道应该做些什么，有时候觉得自己什么都做了，但是网站没有确实的提高。那么你可以看看自己能回答的出下面的问题么？如果回答不出，就说明做的还不够到位，或者说还没有进入专业的级别。</p>
<p>1、所处网站类别国内TOP10的网站是哪些？<br />
2、所处网站类别国内TOP10的的销售总监的电话知道没？<br />
3、这10家网站销售考核的方法知道吗？<br />
4、这10家网站的资讯采集方法知道吗？<br />
5、首页头条的价格你知道吗。<br />
6、中国TOP10的论坛社区是哪些？<br />
7、TOP10社区的商业水帖有多少？<br />
8、TOP10社区的精华帖，置顶帖什么价格？<br />
9、你知道TOP10社区的专职的管理员月薪多少吗？<br />
10、搜索风向标知道吗？如果影响搜索风向标？搜索跟新闻传播你觉得关系是怎样的？<br />
11、SEO你是如何理解的，你了解大型公司都是怎么做的？如果在激烈的首页排序上进行竞争？<br />
12、网络反面新闻你有办法在最短时间里删除吗？如果摆平国内最大的反面水军？<br />
13、站内的网站分析你做到何种程度了？你有电子商务行业内的参考考核标准？<br />
14、媒体投放如何在最短的时间内测试投资回报率，你能拿到多久的免费资源？A类嘛？<br />
15、站内的客户引流你用了些什么手段，如何衡量，如何提高。交叉营销，自动匹配CRM，客户细分你都做了嘛？<br />
16、如何制造长期有效的口碑传播，你有方法，有资源，还是有其他公司的联系方式？
<ul class="related_post">
<li><a href="http://longstep.cn/?p=220" title="2010年搜索引擎市场前景预测">2010年搜索引擎市场前景预测</a></li>
<li><a href="http://longstep.cn/?p=213" title="网站推广的十大禁忌">网站推广的十大禁忌</a></li>
<li><a href="http://longstep.cn/?p=174" title="工作流模式(web流程同样适用)">工作流模式(web流程同样适用)</a></li>
</ul>
]]></description>

		<!--<description><![CDATA[有时候在运营网站的时候不知道应该做些什么，有时候觉得自己什么都做了，但是网站没有确实的提高。那么你可以看看自己能回答的出下面的问题么？如果回答不出，就说明做的还不够到位，或者说还没有进入专业的级别。
1、所处网站类别国内TOP10的网站是哪些？
2、所处网站类别国内TOP10的的销售总监的电话知道没？
3、这10家网站销售考核的方法知道吗？
4、这10家网站的资讯采集方法知道吗？
5、首页头条的价格你知道吗。
6、中国TOP10的论坛社区是哪些？
7、TOP10社区的商业水帖有多少？
8、TOP10社区的精华帖，置顶帖什么价格？
9、你知道TOP10社区的专职的管理员月薪多少吗？
10、搜索风向标知道吗？如果影响搜索风向标？搜索跟新闻传播你觉得关系是怎样的？
11、SEO你是如何理解的，你了解大型公司都是怎么做的？如果在激烈的首页排序上进行竞争？
12、网络反面新闻你有办法在最短时间里删除吗？如果摆平国内最大的反面水军？
13、站内的网站分析你做到何种程度了？你有电子商务行业内的参考考核标准？
14、媒体投放如何在最短的时间内测试投资回报率，你能拿到多久的免费资源？A类嘛？
15、站内的客户引流你用了些什么手段，如何衡量，如何提高。交叉营销，自动匹配CRM，客户细分你都做了嘛？
16、如何制造长期有效的口碑传播，你有方法，有资源，还是有其他公司的联系方式？

2010年搜索引擎市场前景预测
网站推广的十大禁忌
工作流模式(web流程同样适用)

]]></description>
	-->
	
		<content:encoded><![CDATA[<p>有时候在运营网站的时候不知道应该做些什么，有时候觉得自己什么都做了，但是网站没有确实的提高。那么你可以看看自己能回答的出下面的问题么？如果回答不出，就说明做的还不够到位，或者说还没有进入专业的级别。</p>
<p>1、所处网站类别国内TOP10的网站是哪些？<br />
2、所处网站类别国内TOP10的的销售总监的电话知道没？<br />
3、这10家网站销售考核的方法知道吗？<br />
4、这10家网站的资讯采集方法知道吗？<br />
5、首页头条的价格你知道吗。<br />
6、中国TOP10的论坛社区是哪些？<br />
7、TOP10社区的商业水帖有多少？<br />
8、TOP10社区的精华帖，置顶帖什么价格？<br />
9、你知道TOP10社区的专职的管理员月薪多少吗？<br />
10、搜索风向标知道吗？如果影响搜索风向标？搜索跟新闻传播你觉得关系是怎样的？<br />
11、SEO你是如何理解的，你了解大型公司都是怎么做的？如果在激烈的首页排序上进行竞争？<br />
12、网络反面新闻你有办法在最短时间里删除吗？如果摆平国内最大的反面水军？<br />
13、站内的网站分析你做到何种程度了？你有电子商务行业内的参考考核标准？<br />
14、媒体投放如何在最短的时间内测试投资回报率，你能拿到多久的免费资源？A类嘛？<br />
15、站内的客户引流你用了些什么手段，如何衡量，如何提高。交叉营销，自动匹配CRM，客户细分你都做了嘛？<br />
16、如何制造长期有效的口碑传播，你有方法，有资源，还是有其他公司的联系方式？
<ul class="related_post">
<li><a href="http://longstep.cn/?p=220" title="2010年搜索引擎市场前景预测">2010年搜索引擎市场前景预测</a></li>
<li><a href="http://longstep.cn/?p=213" title="网站推广的十大禁忌">网站推广的十大禁忌</a></li>
<li><a href="http://longstep.cn/?p=174" title="工作流模式(web流程同样适用)">工作流模式(web流程同样适用)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://longstep.cn/?feed=rss2&amp;p=223</wfw:commentRss>
		</item>
		<item>
		<title>2010年搜索引擎市场前景预测</title>
		<link>http://longstep.cn/?p=220</link>
		<comments>http://longstep.cn/?p=220#comments</comments>
		<pubDate>Tue, 12 Jan 2010 05:22:24 +0000</pubDate>
		<dc:creator>猫嗔</dc:creator>
		
		<category><![CDATA[SEO（搜索引擎优化）]]></category>

		<category><![CDATA[评论时事]]></category>

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

		<category><![CDATA[搜索引擎]]></category>

		<category><![CDATA[网络营销]]></category>

		<guid isPermaLink="false">http://longstep.cn/?p=220</guid>

<description><![CDATA[<p>今天阅读了CNNIC的一篇关于搜索引擎市场的分析报告，于是抓到站里以备参考，<a href="http://longstep.cn">猫嗔</a>稍后会做更为具体的分析。先简单的分析一下报告。就报告的内容来说，搜索引擎市场在几大中国互联网公司的崛起下将转变新的格局。垂直专业型搜索引擎将不断的发展壮大，并在2010年遇到难得的发展机遇。（自己所处的房地产搜索行业也将百家争鸣，特别是经历了09年房地产涨价高峰的洗礼之后，关注房产信息，关注房价以及影响房价的相关政策已经成为热门话题和饭后谈资。关注周边房屋价格的走势也成为一种需求。不管2010年的房市是涨是跌，都是房产搜索网站发展的好时机。 ）</p>
<p>sem做为继seo的下一个备受关注的网络推广词语，也是搜索引擎发展的又一个动力。无论是互联网企业还是实体企业，都开始关注或重视搜索引擎营销。由此带动的行为变革不但给搜索引擎带来了巨大的财富，更给搜索引擎的发展注入了活力。无论是创新的思想方式还是从从业人员的培植，都是很大的推动力。<a href="http://longstep.cn">猫嗔</a>也已经开始学习seo相关的知识，以应对网络发展推广模式的革新。</p>
<p>下面是报告的原文：</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p>
<p>来源：CNNIC    日期：2010-01-07 13:45</p>
<p>2009年，无论从用户规模、服务推广还是经济收益来看，搜索引擎都可以说是互联网行业最大的赢家。以中国互联网络信息中心（CNNIC）对搜索引擎领域多年的数据研究为基础，与行业发展动态相结合，对2010年中国搜索引擎市场发展展望如下：<br />
（1） 用户规模将持续增长<br />
中国正处在互联网高速发展时期，网民规模和互联网普及率持续增长的带动下，随着网民对网络信息检索的需求增长，使用搜索引擎的网民人数将保持快速增长势头。<br />
（2） 搜索引擎推广营销价值进一步提升<br />
搜索引擎以较低的营销推广成本，营销推广目标用户的精准性、营销效果的可视性等优势日益获得广告主的认同和青睐。随着搜索引擎用户规模和渗透率的快速增长， 搜索引擎推广营销的价值将进一步提升。<br />
（3） 新因素搅动，搜索市场竞争激烈<br />
新因素一：2009年9月腾讯结束与谷歌的搜索合作，独立启用搜索技术，众所周知，腾讯IM在中国具有巨大的装机量，并且其用户具有很高的粘性，借助QQ推搜索，使搜搜成为2010年搜索行业不可小觑的力量。<br />
新因素二：作为电子商务领头者的淘宝，2009年10月独立搜索引擎正式上线公测。以C2C为主的淘宝拥有国内相对成熟的电子商务交易平台，其 “电子商务+搜索引擎”之路，依赖用户基础、品牌打造、运营模式等方面的产业化和专业化，结合团队中搜索技术和人才优势，搭建的网络购物搜索平台，前景看 好。<br />
新因素三：垂直搜索表现突出。以某一领域的专业搜索为主的垂直搜索，如视频搜索、知识搜索、生活搜索等由来已久，并不是新产品、新服务。但 2009年，垂直搜索凭借其搜索的精准性、适用性迎合了网民对信息检索的精准性、便利性的需求，而发展快速，成为中国搜索第三阶梯壮大的主要力量。<br />
（4） 本土搜索引擎将改变全球搜索市场格局<br />
在美国互联网流量监测机构comScore统计的搜索引擎市场分布格局中，目前百度搜索量位居世界第三位。<br />
在发展快速、市场潜力巨大的中国互联网产业链上，搜索引擎发展的潜力和能量正在逐步释放，以本土品牌为主的高度集中的市场格局所形成的用户规模效应和使用 粘性，正在影响和改变着全球搜索引擎的市场格局。预计2010年，百度将超过雅虎的全球搜索量，跃居世界第二位。
<ul class="related_post">
<li><a href="http://longstep.cn/?p=223" title="网站运营应该反思的十余个问题">网站运营应该反思的十余个问题</a></li>
</ul>
]]></description>

		<!--<description><![CDATA[今天阅读了CNNIC的一篇关于搜索引擎市场的分析报告，于是抓到站里以备参考，猫嗔稍后会做更为具体的分析。先简单的分析一下报告。就报告的内容来说，搜索引擎市场在几大中国互联网公司的崛起下将转变新的格局。垂直专业型搜索引擎将不断的发展壮大，并在2010年遇到难得的发展机遇。（自己所处的房地产搜索行业也将百家争鸣，特别是经历了09年房地产涨价高峰的洗礼之后，关注房产信息，关注房价以及影响房价的相关政策已经成为热门话题和饭后谈资。关注周边房屋价格的走势也成为一种需求。不管2010年的房市是涨是跌，都是房产搜索网站发展的好时机。 ）
sem做为继seo的下一个备受关注的网络推广词语，也是搜索引擎发展的又一个动力。无论是互联网企业还是实体企业，都开始关注或重视搜索引擎营销。由此带动的行为变革不但给搜索引擎带来了巨大的财富，更给搜索引擎的发展注入了活力。无论是创新的思想方式还是从从业人员的培植，都是很大的推动力。猫嗔也已经开始学习seo相关的知识，以应对网络发展推广模式的革新。
下面是报告的原文：
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-
来源：CNNIC    日期：2010-01-07 13:45
2009年，无论从用户规模、服务推广还是经济收益来看，搜索引擎都可以说是互联网行业最大的赢家。以中国互联网络信息中心（CNNIC）对搜索引擎领域多年的数据研究为基础，与行业发展动态相结合，对2010年中国搜索引擎市场发展展望如下：
（1） 用户规模将持续增长
中国正处在互联网高速发展时期，网民规模和互联网普及率持续增长的带动下，随着网民对网络信息检索的需求增长，使用搜索引擎的网民人数将保持快速增长势头。
（2） 搜索引擎推广营销价值进一步提升
搜索引擎以较低的营销推广成本，营销推广目标用户的精准性、营销效果的可视性等优势日益获得广告主的认同和青睐。随着搜索引擎用户规模和渗透率的快速增长， 搜索引擎推广营销的价值将进一步提升。
（3） 新因素搅动，搜索市场竞争激烈
新因素一：2009年9月腾讯结束与谷歌的搜索合作，独立启用搜索技术，众所周知，腾讯IM在中国具有巨大的装机量，并且其用户具有很高的粘性，借助QQ推搜索，使搜搜成为2010年搜索行业不可小觑的力量。
新因素二：作为电子商务领头者的淘宝，2009年10月独立搜索引擎正式上线公测。以C2C为主的淘宝拥有国内相对成熟的电子商务交易平台，其 “电子商务+搜索引擎”之路，依赖用户基础、品牌打造、运营模式等方面的产业化和专业化，结合团队中搜索技术和人才优势，搭建的网络购物搜索平台，前景看 好。
新因素三：垂直搜索表现突出。以某一领域的专业搜索为主的垂直搜索，如视频搜索、知识搜索、生活搜索等由来已久，并不是新产品、新服务。但 2009年，垂直搜索凭借其搜索的精准性、适用性迎合了网民对信息检索的精准性、便利性的需求，而发展快速，成为中国搜索第三阶梯壮大的主要力量。
（4） 本土搜索引擎将改变全球搜索市场格局
在美国互联网流量监测机构comScore统计的搜索引擎市场分布格局中，目前百度搜索量位居世界第三位。
在发展快速、市场潜力巨大的中国互联网产业链上，搜索引擎发展的潜力和能量正在逐步释放，以本土品牌为主的高度集中的市场格局所形成的用户规模效应和使用 粘性，正在影响和改变着全球搜索引擎的市场格局。预计2010年，百度将超过雅虎的全球搜索量，跃居世界第二位。

网站运营应该反思的十余个问题

]]></description>
	-->
	
		<content:encoded><![CDATA[<p>今天阅读了CNNIC的一篇关于搜索引擎市场的分析报告，于是抓到站里以备参考，<a href="http://longstep.cn">猫嗔</a>稍后会做更为具体的分析。先简单的分析一下报告。就报告的内容来说，搜索引擎市场在几大中国互联网公司的崛起下将转变新的格局。垂直专业型搜索引擎将不断的发展壮大，并在2010年遇到难得的发展机遇。（自己所处的房地产搜索行业也将百家争鸣，特别是经历了09年房地产涨价高峰的洗礼之后，关注房产信息，关注房价以及影响房价的相关政策已经成为热门话题和饭后谈资。关注周边房屋价格的走势也成为一种需求。不管2010年的房市是涨是跌，都是房产搜索网站发展的好时机。 ）</p>
<p>sem做为继seo的下一个备受关注的网络推广词语，也是搜索引擎发展的又一个动力。无论是互联网企业还是实体企业，都开始关注或重视搜索引擎营销。由此带动的行为变革不但给搜索引擎带来了巨大的财富，更给搜索引擎的发展注入了活力。无论是创新的思想方式还是从从业人员的培植，都是很大的推动力。<a href="http://longstep.cn">猫嗔</a>也已经开始学习seo相关的知识，以应对网络发展推广模式的革新。</p>
<p>下面是报告的原文：</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p>
<p>来源：CNNIC    日期：2010-01-07 13:45</p>
<p>2009年，无论从用户规模、服务推广还是经济收益来看，搜索引擎都可以说是互联网行业最大的赢家。以中国互联网络信息中心（CNNIC）对搜索引擎领域多年的数据研究为基础，与行业发展动态相结合，对2010年中国搜索引擎市场发展展望如下：<br />
（1） 用户规模将持续增长<br />
中国正处在互联网高速发展时期，网民规模和互联网普及率持续增长的带动下，随着网民对网络信息检索的需求增长，使用搜索引擎的网民人数将保持快速增长势头。<br />
（2） 搜索引擎推广营销价值进一步提升<br />
搜索引擎以较低的营销推广成本，营销推广目标用户的精准性、营销效果的可视性等优势日益获得广告主的认同和青睐。随着搜索引擎用户规模和渗透率的快速增长， 搜索引擎推广营销的价值将进一步提升。<br />
（3） 新因素搅动，搜索市场竞争激烈<br />
新因素一：2009年9月腾讯结束与谷歌的搜索合作，独立启用搜索技术，众所周知，腾讯IM在中国具有巨大的装机量，并且其用户具有很高的粘性，借助QQ推搜索，使搜搜成为2010年搜索行业不可小觑的力量。<br />
新因素二：作为电子商务领头者的淘宝，2009年10月独立搜索引擎正式上线公测。以C2C为主的淘宝拥有国内相对成熟的电子商务交易平台，其 “电子商务+搜索引擎”之路，依赖用户基础、品牌打造、运营模式等方面的产业化和专业化，结合团队中搜索技术和人才优势，搭建的网络购物搜索平台，前景看 好。<br />
新因素三：垂直搜索表现突出。以某一领域的专业搜索为主的垂直搜索，如视频搜索、知识搜索、生活搜索等由来已久，并不是新产品、新服务。但 2009年，垂直搜索凭借其搜索的精准性、适用性迎合了网民对信息检索的精准性、便利性的需求，而发展快速，成为中国搜索第三阶梯壮大的主要力量。<br />
（4） 本土搜索引擎将改变全球搜索市场格局<br />
在美国互联网流量监测机构comScore统计的搜索引擎市场分布格局中，目前百度搜索量位居世界第三位。<br />
在发展快速、市场潜力巨大的中国互联网产业链上，搜索引擎发展的潜力和能量正在逐步释放，以本土品牌为主的高度集中的市场格局所形成的用户规模效应和使用 粘性，正在影响和改变着全球搜索引擎的市场格局。预计2010年，百度将超过雅虎的全球搜索量，跃居世界第二位。
<ul class="related_post">
<li><a href="http://longstep.cn/?p=223" title="网站运营应该反思的十余个问题">网站运营应该反思的十余个问题</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://longstep.cn/?feed=rss2&amp;p=220</wfw:commentRss>
		</item>
		<item>
		<title>中国网民群体细分与上网动机调研报告</title>
		<link>http://longstep.cn/?p=219</link>
		<comments>http://longstep.cn/?p=219#comments</comments>
		<pubDate>Mon, 11 Jan 2010 10:24:15 +0000</pubDate>
		<dc:creator>猫嗔</dc:creator>
		
		<category><![CDATA[产品设计]]></category>

		<category><![CDATA[审视世界]]></category>

		<category><![CDATA[用户分析]]></category>

		<guid isPermaLink="false">http://longstep.cn/?p=219</guid>

<description><![CDATA[<p><span class="Apple-style-span" style="WORD-SPACING: 0px; FONT: medium Simsun; TEXT-TRANSFORM: none; COLOR: #000000; TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><span class="Apple-style-span" style="FONT-SIZE: 12px; LINE-HEIGHT: 20px; FONT-FAMILY: tahoma, helvetica, arial, sans-serif"></span></span> </p>
<h3 style="FONT-WEIGHT: bold; FONT-SIZE: 18px; MARGIN: 9px 0px 6px; FONT-STYLE: normal">中国网民群体细分与上网动机调研报告:</h3>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px">2010年1月5日上海群邑发布了首个中国网民数字消费细分市场的调研报告, 涉足未知领域的探索。这份题为《数字部落: 中国网民的爱与乐》覆盖中国各级城市, 这些地方遍布了市场营销人员探寻的足迹。调查结果将网民分为七大类型, 或者七大数字部落, 并调查了网民上网背后的动机。毕竟, 要和一个部落展开对话, 你必须了解他们的语言。</p>
<p> </p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px"><strong>七大族群的力量:</strong></p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px">虚拟世界的交际者(18%) 年轻的都市一族, 典型的喜欢网上生活的人, 他们把网络视作一个做自己喜欢的事、以及表到真我感受的场所。这一族的人最爱在线游戏、网上聊天和网上购物。</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px">追求平衡的完美者(17%) 年轻已婚女性白领, 希望家庭、事业、地位和丰富的社会生活一样都不少, 使用网络作为平衡生活的工具。这一族的人非常喜欢互动, 最爱社交网站、在线娱乐、社交网站、聊天, 以及博客/BBS和在线购物。</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px">马不停蹄的工作者(12%) 以工作为重心的专业人事, 总是四处奔走, 因而时刻需要连接互联网。这类人主要是住在二线城市的已婚男性, 具有国际化视野。这一族人过于繁忙, 没有时间上网, 是在线游戏、在线娱乐、社交网站/聊天以及博客/BBS方面排名最低的族群。</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px">分享与关怀者(15%) 多为35岁以上的社交型女性, 心地善良, 运用网络和家人及朋友保持联系。追求时尚, 喜欢购买最好的品牌, 喜欢抢在别人之前尝试新产品。这一族的人最喜欢网上购物, 对网上聊天、社交网站和BBS/博客也有些兴趣。寻求刺激的“无聊者”(13%) 多为已婚男性, 厌倦了日常生活的平淡无奇, 通过上网满足自己的精神需求。这一族的人对什么都感兴趣, 在线游戏、在线娱乐、社交网站/网上聊天和博客/BBS方面排名居中。</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px">自娱自乐的“大孩子”(13%) 喜欢捣蛋, 思想开放, 对中国以外的世界很感兴趣。认为自己是潮流的引领者, 总是购买最新的产品, 尝试最新的技术。这一族的人什么都玩一点。在线游戏、在线娱乐、社交网站/网上聊天 和博客/BBS方面排名较低或居中。</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px">忙里偷闲的享受者(12%) 他们中的人大多数已人到中年, 事业稳定, 有时间来放松。比起物质财富, 他们更关心精神财富。使用网络建立个人空间。这一族人对在线游戏和在线娱乐感兴趣。</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px">市场营销的终极目标就是寻找消费者动机。因而, 群邑通过调查这七族人如何应对一系列的七种“驱动力”, 即消费者上网所需要满足的一系列冲动, 了解他们的上网的动机。这七类上网的动机包括从搜索信息到获得自我张扬的感觉, 从追求新体验到表达自我, 或者试图结实新朋友, 也包括减压和消磨数小时的时间</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px"><strong>从数据中得出的有趣的五项洞察:</strong><br />
– 二线城市上网时间超过一线城市, 互联网成为视频与游戏的主要娱乐媒介。<br />
– 网吧的作用在变化, 过去是中国网民上网的地方, 但现在随着互联网普及率的大幅度提高, 人们能随时随地上网, 所以网吧就成了一个社交场所, 网民在这里分享上网体验, 如一起玩在线游戏。<br />
– 视频广告是最受欢迎的广告形式, 其次是专业人士推荐或同类推荐。BBS/博客是消费者购买产品前寻求相关信息的主要渠道, 这一点将会受到市场营销人员的特别关注。<br />
– 上网之后最常进行的活动是登陆QQ等即时通讯网站, 然后浏览社交网站。<br />
– 在线娱乐不仅仅是放松而已, 调查显示在线娱乐比电影和电视更受欢迎, 因为选择更多, 而且及时、迅速、便宜、方便、时间灵活。</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px"><strong>2010年通过网络与消费者互动的几大主题<br />
</strong>– 创造对话 — 随着网民花在开心网和人人网等社交网站上的时间继续增加, 品牌必须有“社交战略”, 从而创造并实现与消费者对话。<br />
– 记住上网即娱乐  — 消费者、尤其是二、三线城市的消费者, 认为网络是视频与游戏娱乐的主要渠道。开发针对这些领域的品牌内容, 尤其重要。<br />
– 制定以行为为基础的沟通方案 — 消费者并不在各个网站间随意闲逛, 而是聊天、购物、玩游戏。品牌必须围绕这些行为与消费者互动, 而不是仅仅在他们面前展示广告</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px"><strong>调研方法</strong><br />
群邑举办了座谈会和访谈, 对年龄在14-45岁的、来自中国九个不同城市(从一线城市北京到徐州、韶关等三线城市) 的消费者进行了调查。内容涉及他们的上网时间、最经常使用的网络程序和平台、需求与心境、以及电视、手机等其他媒体的同时使用情况。通过研究受访者对55种上网动机所作的回答, 他们被界定为七大类型中的一类。通过研究这七类人对以下四大平台或领域的反应, 可以反映出更深层次的问题。这四大领域是: 在线游戏、在线娱乐(下载、网上音乐、视频娱乐) 、社交网站(SNS) /网上聊天、以及博客/BBS。网上购物基本只在大都会、省会城市才涉及到。通过受访者对于问卷的回答也引申出了七类“驱动力” (消费者上网所需要满足的一系列冲动) , 继而显示了不同族群的不同上网方式。<br />
<h3>Random Posts</h3>
<ul class="related_post">
<li><a href="http://longstep.cn/?p=170" title="Enterprise Architect 下载地址+注册码">Enterprise Architect 下载地址+注册码</a></li>
<li><a href="http://longstep.cn/?p=144" title="flex中绑定元数据">flex中绑定元数据</a></li>
<li><a href="http://longstep.cn/?p=115" title="一同支持“地球熄灯一小时”">一同支持“地球熄灯一小时”</a></li>
<li><a href="http://longstep.cn/?p=121" title="IE假死-在地址栏输入URL地址弹出新窗口的解决方法">IE假死-在地址栏输入URL地址弹出新窗口的解决方法</a></li>
<li><a href="http://longstep.cn/?p=232" title="sns网站与sns招聘平台">sns网站与sns招聘平台</a></li>
<li><a href="http://longstep.cn/?p=38" title="Google的产品设计的10条宗旨">Google的产品设计的10条宗旨</a></li>
<li><a href="http://longstep.cn/?p=187" title="AXURE 5.6 下载 注册码">AXURE 5.6 下载 注册码</a></li>
<li><a href="http://longstep.cn/?p=142" title="firefox的私有属性">firefox的私有属性</a></li>
<li><a href="http://longstep.cn/?p=103" title="修复IE 6的3像素偏移BUG">修复IE 6的3像素偏移BUG</a></li>
<li><a href="http://longstep.cn/?p=217" title="前端工程师常用工具">前端工程师常用工具</a></li>
</ul>
]]></description>

		<!--<description><![CDATA[ 
中国网民群体细分与上网动机调研报告:
2010年1月5日上海群邑发布了首个中国网民数字消费细分市场的调研报告, 涉足未知领域的探索。这份题为《数字部落: 中国网民的爱与乐》覆盖中国各级城市, 这些地方遍布了市场营销人员探寻的足迹。调查结果将网民分为七大类型, 或者七大数字部落, 并调查了网民上网背后的动机。毕竟, 要和一个部落展开对话, 你必须了解他们的语言。
 
七大族群的力量:
虚拟世界的交际者(18%) 年轻的都市一族, 典型的喜欢网上生活的人, 他们把网络视作一个做自己喜欢的事、以及表到真我感受的场所。这一族的人最爱在线游戏、网上聊天和网上购物。
追求平衡的完美者(17%) 年轻已婚女性白领, 希望家庭、事业、地位和丰富的社会生活一样都不少, 使用网络作为平衡生活的工具。这一族的人非常喜欢互动, 最爱社交网站、在线娱乐、社交网站、聊天, 以及博客/BBS和在线购物。
马不停蹄的工作者(12%) 以工作为重心的专业人事, 总是四处奔走, 因而时刻需要连接互联网。这类人主要是住在二线城市的已婚男性, 具有国际化视野。这一族人过于繁忙, 没有时间上网, 是在线游戏、在线娱乐、社交网站/聊天以及博客/BBS方面排名最低的族群。
分享与关怀者(15%) 多为35岁以上的社交型女性, 心地善良, 运用网络和家人及朋友保持联系。追求时尚, 喜欢购买最好的品牌, 喜欢抢在别人之前尝试新产品。这一族的人最喜欢网上购物, 对网上聊天、社交网站和BBS/博客也有些兴趣。寻求刺激的“无聊者”(13%) 多为已婚男性, 厌倦了日常生活的平淡无奇, 通过上网满足自己的精神需求。这一族的人对什么都感兴趣, 在线游戏、在线娱乐、社交网站/网上聊天和博客/BBS方面排名居中。
自娱自乐的“大孩子”(13%) 喜欢捣蛋, 思想开放, 对中国以外的世界很感兴趣。认为自己是潮流的引领者, 总是购买最新的产品, 尝试最新的技术。这一族的人什么都玩一点。在线游戏、在线娱乐、社交网站/网上聊天 和博客/BBS方面排名较低或居中。
忙里偷闲的享受者(12%) 他们中的人大多数已人到中年, 事业稳定, 有时间来放松。比起物质财富, 他们更关心精神财富。使用网络建立个人空间。这一族人对在线游戏和在线娱乐感兴趣。
市场营销的终极目标就是寻找消费者动机。因而, 群邑通过调查这七族人如何应对一系列的七种“驱动力”, 即消费者上网所需要满足的一系列冲动, 了解他们的上网的动机。这七类上网的动机包括从搜索信息到获得自我张扬的感觉, 从追求新体验到表达自我, 或者试图结实新朋友, 也包括减压和消磨数小时的时间
从数据中得出的有趣的五项洞察:
– 二线城市上网时间超过一线城市, 互联网成为视频与游戏的主要娱乐媒介。
– 网吧的作用在变化, 过去是中国网民上网的地方, 但现在随着互联网普及率的大幅度提高, 人们能随时随地上网, 所以网吧就成了一个社交场所, [...]]]></description>
	-->
	
		<content:encoded><![CDATA[<p><span class="Apple-style-span" style="WORD-SPACING: 0px; FONT: medium Simsun; TEXT-TRANSFORM: none; COLOR: #000000; TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; BORDER-COLLAPSE: separate; orphans: 2; widows: 2; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><span class="Apple-style-span" style="FONT-SIZE: 12px; LINE-HEIGHT: 20px; FONT-FAMILY: tahoma, helvetica, arial, sans-serif"></span></span> </p>
<h3 style="FONT-WEIGHT: bold; FONT-SIZE: 18px; MARGIN: 9px 0px 6px; FONT-STYLE: normal">中国网民群体细分与上网动机调研报告:</h3>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px">2010年1月5日上海群邑发布了首个中国网民数字消费细分市场的调研报告, 涉足未知领域的探索。这份题为《数字部落: 中国网民的爱与乐》覆盖中国各级城市, 这些地方遍布了市场营销人员探寻的足迹。调查结果将网民分为七大类型, 或者七大数字部落, 并调查了网民上网背后的动机。毕竟, 要和一个部落展开对话, 你必须了解他们的语言。</p>
<p> </p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px"><strong>七大族群的力量:</strong></p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px">虚拟世界的交际者(18%) 年轻的都市一族, 典型的喜欢网上生活的人, 他们把网络视作一个做自己喜欢的事、以及表到真我感受的场所。这一族的人最爱在线游戏、网上聊天和网上购物。</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px">追求平衡的完美者(17%) 年轻已婚女性白领, 希望家庭、事业、地位和丰富的社会生活一样都不少, 使用网络作为平衡生活的工具。这一族的人非常喜欢互动, 最爱社交网站、在线娱乐、社交网站、聊天, 以及博客/BBS和在线购物。</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px">马不停蹄的工作者(12%) 以工作为重心的专业人事, 总是四处奔走, 因而时刻需要连接互联网。这类人主要是住在二线城市的已婚男性, 具有国际化视野。这一族人过于繁忙, 没有时间上网, 是在线游戏、在线娱乐、社交网站/聊天以及博客/BBS方面排名最低的族群。</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px">分享与关怀者(15%) 多为35岁以上的社交型女性, 心地善良, 运用网络和家人及朋友保持联系。追求时尚, 喜欢购买最好的品牌, 喜欢抢在别人之前尝试新产品。这一族的人最喜欢网上购物, 对网上聊天、社交网站和BBS/博客也有些兴趣。寻求刺激的“无聊者”(13%) 多为已婚男性, 厌倦了日常生活的平淡无奇, 通过上网满足自己的精神需求。这一族的人对什么都感兴趣, 在线游戏、在线娱乐、社交网站/网上聊天和博客/BBS方面排名居中。</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px">自娱自乐的“大孩子”(13%) 喜欢捣蛋, 思想开放, 对中国以外的世界很感兴趣。认为自己是潮流的引领者, 总是购买最新的产品, 尝试最新的技术。这一族的人什么都玩一点。在线游戏、在线娱乐、社交网站/网上聊天 和博客/BBS方面排名较低或居中。</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px">忙里偷闲的享受者(12%) 他们中的人大多数已人到中年, 事业稳定, 有时间来放松。比起物质财富, 他们更关心精神财富。使用网络建立个人空间。这一族人对在线游戏和在线娱乐感兴趣。</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px">市场营销的终极目标就是寻找消费者动机。因而, 群邑通过调查这七族人如何应对一系列的七种“驱动力”, 即消费者上网所需要满足的一系列冲动, 了解他们的上网的动机。这七类上网的动机包括从搜索信息到获得自我张扬的感觉, 从追求新体验到表达自我, 或者试图结实新朋友, 也包括减压和消磨数小时的时间</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px"><strong>从数据中得出的有趣的五项洞察:</strong><br />
– 二线城市上网时间超过一线城市, 互联网成为视频与游戏的主要娱乐媒介。<br />
– 网吧的作用在变化, 过去是中国网民上网的地方, 但现在随着互联网普及率的大幅度提高, 人们能随时随地上网, 所以网吧就成了一个社交场所, 网民在这里分享上网体验, 如一起玩在线游戏。<br />
– 视频广告是最受欢迎的广告形式, 其次是专业人士推荐或同类推荐。BBS/博客是消费者购买产品前寻求相关信息的主要渠道, 这一点将会受到市场营销人员的特别关注。<br />
– 上网之后最常进行的活动是登陆QQ等即时通讯网站, 然后浏览社交网站。<br />
– 在线娱乐不仅仅是放松而已, 调查显示在线娱乐比电影和电视更受欢迎, 因为选择更多, 而且及时、迅速、便宜、方便、时间灵活。</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px"><strong>2010年通过网络与消费者互动的几大主题<br />
</strong>– 创造对话 — 随着网民花在开心网和人人网等社交网站上的时间继续增加, 品牌必须有“社交战略”, 从而创造并实现与消费者对话。<br />
– 记住上网即娱乐  — 消费者、尤其是二、三线城市的消费者, 认为网络是视频与游戏娱乐的主要渠道。开发针对这些领域的品牌内容, 尤其重要。<br />
– 制定以行为为基础的沟通方案 — 消费者并不在各个网站间随意闲逛, 而是聊天、购物、玩游戏。品牌必须围绕这些行为与消费者互动, 而不是仅仅在他们面前展示广告</p>
<p style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 18px; LINE-HEIGHT: 21px; PADDING-TOP: 0px"><strong>调研方法</strong><br />
群邑举办了座谈会和访谈, 对年龄在14-45岁的、来自中国九个不同城市(从一线城市北京到徐州、韶关等三线城市) 的消费者进行了调查。内容涉及他们的上网时间、最经常使用的网络程序和平台、需求与心境、以及电视、手机等其他媒体的同时使用情况。通过研究受访者对55种上网动机所作的回答, 他们被界定为七大类型中的一类。通过研究这七类人对以下四大平台或领域的反应, 可以反映出更深层次的问题。这四大领域是: 在线游戏、在线娱乐(下载、网上音乐、视频娱乐) 、社交网站(SNS) /网上聊天、以及博客/BBS。网上购物基本只在大都会、省会城市才涉及到。通过受访者对于问卷的回答也引申出了七类“驱动力” (消费者上网所需要满足的一系列冲动) , 继而显示了不同族群的不同上网方式。<br />
<h3>Random Posts</h3>
<ul class="related_post">
<li><a href="http://longstep.cn/?p=232" title="sns网站与sns招聘平台">sns网站与sns招聘平台</a></li>
<li><a href="http://longstep.cn/?p=197" title="什么是长尾关键词？">什么是长尾关键词？</a></li>
<li><a href="http://longstep.cn/?p=201" title="google wave是什么？（界面、功能试用小记）">google wave是什么？（界面、功能试用小记）</a></li>
<li><a href="http://longstep.cn/?p=218" title="用【火狐魔镜】体验“剪网页”的快乐">用【火狐魔镜】体验“剪网页”的快乐</a></li>
<li><a href="http://longstep.cn/?p=26" title="浮动标签清除浮动方法小结">浮动标签清除浮动方法小结</a></li>
<li><a href="http://longstep.cn/?p=220" title="2010年搜索引擎市场前景预测">2010年搜索引擎市场前景预测</a></li>
<li><a href="http://longstep.cn/?p=93" title="《暗黑破坏神 3》(DIABLO 3)新年壁纸">《暗黑破坏神 3》(DIABLO 3)新年壁纸</a></li>
<li><a href="http://longstep.cn/?p=63" title="Yahoo!开发团队总结的网站性能优化的34条黄金守则（三）—JavaScript和CSS">Yahoo!开发团队总结的网站性能优化的34条黄金守则（三）—JavaScript和CSS</a></li>
<li><a href="http://longstep.cn/?p=182" title="快乐女生江映蓉夺冠">快乐女生江映蓉夺冠</a></li>
<li><a href="http://longstep.cn/?p=148" title="如何让ie和firefox 2.0-支持inline-block ">如何让ie和firefox 2.0-支持inline-block </a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://longstep.cn/?feed=rss2&amp;p=219</wfw:commentRss>
		</item>
		<item>
		<title>用【火狐魔镜】体验“剪网页”的快乐</title>
		<link>http://longstep.cn/?p=218</link>
		<comments>http://longstep.cn/?p=218#comments</comments>
		<pubDate>Mon, 11 Jan 2010 09:23:31 +0000</pubDate>
		<dc:creator>猫嗔</dc:creator>
		
		<category><![CDATA[产品设计]]></category>

		<category><![CDATA[审视世界]]></category>

		<category><![CDATA[web应用]]></category>

		<category><![CDATA[火狐]]></category>

		<guid isPermaLink="false">http://longstep.cn/?p=218</guid>

<description><![CDATA[<p>新年伊始，火狐中国版推出“火狐魔镜”3.0插件。其最大的亮点就是支持了一种叫做【剪网页】的新功能。</p>
<p><strong>1.网络“剪报”——剪下你最想看的部分</strong></p>
<p>只保留重要信息，是该插件的人本。</p>
<p>安装火狐中国版或者是【火狐魔镜】插件后，可看到工具栏中新添加了几个标签。点击浏览器左上方的“剪刀”按钮，选中网页上自己喜欢的部分，按下界面上的“小剪刀”，即可剪取网页的任意部分。</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i0.sinaimg.cn/IT/cr/2010/0106/2739093580.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="249" height="49" /></p>
<p>剪下的内容以小窗浮动，可以随意开启查阅或关闭，还可对其进行收藏和管理，完全不影响正在进行的其他网页浏览和电脑操作。</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i0.sinaimg.cn/IT/cr/2010/0106/3317264934.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="480" height="295" /></p>
<p>可以像剪报纸那样，剪下、收藏自己喜欢的内容，随时查阅。比如，剪下某个网站的新闻头条版块，随时通过火狐魔镜剪下的这个新闻“剪报”小窗 口浏览最新资讯;或者剪下你关注的黄金走势图，即可通过自己的黄金走势“剪报”洞悉黄金动态;还可以剪下你常看的比赛节目单，用节目单“剪报”了解最新赛 事…总之剪你所要。</p>
<p><span id="more-218"></span>火狐中国版通过最新的浏览器技术，将传统的“剪报”习惯在网络时代完美延续，只需要打开这款浏览器，就能剪辑自己的网络“剪报”，将你的网络浏览彻底个性化。</p>
<p><strong>视频单放——网页视频单独播放</strong></p>
<p>想一边看视频，一边看关于视频的新闻、评论?在一个页面里操作真不方便。怎么办?点击视频右上的蓝色按钮，可以将视频在独立的窗口播放，这样就可以满足你的要求了，视频弹出播放的同时，还可以浏览其他网页或者进行其他电脑操作，一心多用，互不干扰!</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i1.sinaimg.cn/IT/cr/2010/0106/2762254160.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="480" height="295" /></p>
<p><strong>超强搜索——拖动一下，多个热门搜索引擎同时为你服务</strong></p>
<p>使用火狐中国版，页面上的诸多元素，文字、链接、图片等，均可进行拖拽。而且，对不同对象采用不同的拖拽方向会有不同收获哦，让你惊喜连连，试试吧!</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i3.sinaimg.cn/IT/cr/2010/0106/2738047055.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="480" height="295" /></p>
<p>其还具备鼠标手势：</p>
<p>单独文字拖拽：<br />
向上——用当前搜索引擎在后台搜索<br />
向下——触发搜索，展现搜索结果，还有网络百科释义及翻译功能<br />
链接拖拽：<br />
向上——在后台打开页面<br />
向下——在前台打开页面<br />
图片拖拽：<br />
搜藏图片</p>
<p><strong>图片收藏——轻松一拽，靓图尽收</strong></p>
<p>上网冲浪看到靓丽的图片，点中轻轻一拖，图片会被收藏到魔镜的“图片”频道中。收藏各式各样的美图、酷图易如反掌。甚至链接也会包含在图片中，点击图片即可打开相应的网页，支持分组管理。</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i3.sinaimg.cn/IT/cr/2010/0106/2736865358.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="480" height="295" /></p>
<p><strong>酷乐电台——打开浏览器，即有喜爱的音乐相伴</strong></p>
<p>火狐中国版为用户提供了百万首正版高质音乐，而且通过访问火狐中国版官网页面(i.g-fox.cn)就能直接打开音乐频道，现在在线听歌变得很方便了。</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i1.sinaimg.cn/IT/cr/2010/0106/2740275277.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="480" height="295" /></p>
<p>上面介绍了如此多的新奇特性，都是要在火狐魔镜的帮助下才能实现，所以开启火狐中国版中的火狐魔镜才是最重要的第一步。</p>
<p>我们可以有三种办法快速打开“魔镜”：</p>
<p>方法一：点击地址栏左侧的剪刀，即可开始网络“剪报”，与此同时也就打开了火狐魔镜;</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i0.sinaimg.cn/IT/cr/2010/0106/2739093580.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="249" height="49" /></p>
<p>方法二：点击火狐浏览器右上角的小狐狸头，即可开启“火狐魔镜”，这是老办法了，火狐中国版老用户都知道;</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i2.sinaimg.cn/IT/cr/2010/0106/2733303627.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="249" height="49" /></p>
<p>方法三：点击电脑屏幕右下角的火狐浏览器图标，也同样可以打开“火狐魔镜”。</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i0.sinaimg.cn/IT/cr/2010/0106/2732121930.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="249" height="49" /></p>
<p>据了解，现在火狐官方正在举行“火狐晒剪报”活动(t.sina.com.cn/firefox/)，使用“火狐魔镜”收藏网络“剪报”，即可参与活动赢取火狐的最新奖品，火狐用户快升级自己的浏览器，体验、赢奖品一个都不能少!<br />
<h3>Random Posts</h3>
<ul class="related_post">
<li><a href="http://longstep.cn/?p=194" title="在SEO中网页元素标签谁最重要">在SEO中网页元素标签谁最重要</a></li>
<li><a href="http://longstep.cn/?p=67" title="接龙的Flash入门教程-AS 3.0 外部文件的加载以及Loading过程">接龙的Flash入门教程-AS 3.0 外部文件的加载以及Loading过程</a></li>
<li><a href="http://longstep.cn/?p=144" title="flex中绑定元数据">flex中绑定元数据</a></li>
<li><a href="http://longstep.cn/?p=142" title="firefox的私有属性">firefox的私有属性</a></li>
<li><a href="http://longstep.cn/?p=138" title="Flex中的tree组件数据源、图标等修改">Flex中的tree组件数据源、图标等修改</a></li>
<li><a href="http://longstep.cn/?p=147" title="mozilla中建议的css属性书写顺序">mozilla中建议的css属性书写顺序</a></li>
<li><a href="http://longstep.cn/?p=62" title="Yahoo!开发团队总结的网站性能优化的34条黄金守则（二）—服务器">Yahoo!开发团队总结的网站性能优化的34条黄金守则（二）—服务器</a></li>
<li><a href="http://longstep.cn/?p=30" title="暴雪公司《星际争霸2》图片欣赏">暴雪公司《星际争霸2》图片欣赏</a></li>
<li><a href="http://longstep.cn/?p=108" title="NBC将用微软Silverlight转播2010年冬奥会">NBC将用微软Silverlight转播2010年冬奥会</a></li>
<li><a href="http://longstep.cn/?p=38" title="Google的产品设计的10条宗旨">Google的产品设计的10条宗旨</a></li>
</ul>
]]></description>

		<!--<description><![CDATA[新年伊始，火狐中国版推出“火狐魔镜”3.0插件。其最大的亮点就是支持了一种叫做【剪网页】的新功能。
1.网络“剪报”——剪下你最想看的部分
只保留重要信息，是该插件的人本。
安装火狐中国版或者是【火狐魔镜】插件后，可看到工具栏中新添加了几个标签。点击浏览器左上方的“剪刀”按钮，选中网页上自己喜欢的部分，按下界面上的“小剪刀”，即可剪取网页的任意部分。

剪下的内容以小窗浮动，可以随意开启查阅或关闭，还可对其进行收藏和管理，完全不影响正在进行的其他网页浏览和电脑操作。

可以像剪报纸那样，剪下、收藏自己喜欢的内容，随时查阅。比如，剪下某个网站的新闻头条版块，随时通过火狐魔镜剪下的这个新闻“剪报”小窗 口浏览最新资讯;或者剪下你关注的黄金走势图，即可通过自己的黄金走势“剪报”洞悉黄金动态;还可以剪下你常看的比赛节目单，用节目单“剪报”了解最新赛 事…总之剪你所要。
火狐中国版通过最新的浏览器技术，将传统的“剪报”习惯在网络时代完美延续，只需要打开这款浏览器，就能剪辑自己的网络“剪报”，将你的网络浏览彻底个性化。
视频单放——网页视频单独播放
想一边看视频，一边看关于视频的新闻、评论?在一个页面里操作真不方便。怎么办?点击视频右上的蓝色按钮，可以将视频在独立的窗口播放，这样就可以满足你的要求了，视频弹出播放的同时，还可以浏览其他网页或者进行其他电脑操作，一心多用，互不干扰!

超强搜索——拖动一下，多个热门搜索引擎同时为你服务
使用火狐中国版，页面上的诸多元素，文字、链接、图片等，均可进行拖拽。而且，对不同对象采用不同的拖拽方向会有不同收获哦，让你惊喜连连，试试吧!

其还具备鼠标手势：
单独文字拖拽：
向上——用当前搜索引擎在后台搜索
向下——触发搜索，展现搜索结果，还有网络百科释义及翻译功能
链接拖拽：
向上——在后台打开页面
向下——在前台打开页面
图片拖拽：
搜藏图片
图片收藏——轻松一拽，靓图尽收
上网冲浪看到靓丽的图片，点中轻轻一拖，图片会被收藏到魔镜的“图片”频道中。收藏各式各样的美图、酷图易如反掌。甚至链接也会包含在图片中，点击图片即可打开相应的网页，支持分组管理。

酷乐电台——打开浏览器，即有喜爱的音乐相伴
火狐中国版为用户提供了百万首正版高质音乐，而且通过访问火狐中国版官网页面(i.g-fox.cn)就能直接打开音乐频道，现在在线听歌变得很方便了。

上面介绍了如此多的新奇特性，都是要在火狐魔镜的帮助下才能实现，所以开启火狐中国版中的火狐魔镜才是最重要的第一步。
我们可以有三种办法快速打开“魔镜”：
方法一：点击地址栏左侧的剪刀，即可开始网络“剪报”，与此同时也就打开了火狐魔镜;

方法二：点击火狐浏览器右上角的小狐狸头，即可开启“火狐魔镜”，这是老办法了，火狐中国版老用户都知道;

方法三：点击电脑屏幕右下角的火狐浏览器图标，也同样可以打开“火狐魔镜”。

据了解，现在火狐官方正在举行“火狐晒剪报”活动(t.sina.com.cn/firefox/)，使用“火狐魔镜”收藏网络“剪报”，即可参与活动赢取火狐的最新奖品，火狐用户快升级自己的浏览器，体验、赢奖品一个都不能少!
Random Posts

愚人节快乐！
firefox的私有属性
Google Docs &#038; Excel 无法访问解决方法
搜索引擎蜘蛛的爬行路线
网站运营应该反思的十余个问题
什么是长尾关键词？
2010年搜索引擎市场前景预测
wordpress安装后无法登陆的解决方法
flex基础学习modules预加载 
奥斯卡最佳动画短片《魔术师和兔子》

]]></description>
	-->
	
		<content:encoded><![CDATA[<p>新年伊始，火狐中国版推出“火狐魔镜”3.0插件。其最大的亮点就是支持了一种叫做【剪网页】的新功能。</p>
<p><strong>1.网络“剪报”——剪下你最想看的部分</strong></p>
<p>只保留重要信息，是该插件的人本。</p>
<p>安装火狐中国版或者是【火狐魔镜】插件后，可看到工具栏中新添加了几个标签。点击浏览器左上方的“剪刀”按钮，选中网页上自己喜欢的部分，按下界面上的“小剪刀”，即可剪取网页的任意部分。</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i0.sinaimg.cn/IT/cr/2010/0106/2739093580.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="249" height="49" /></p>
<p>剪下的内容以小窗浮动，可以随意开启查阅或关闭，还可对其进行收藏和管理，完全不影响正在进行的其他网页浏览和电脑操作。</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i0.sinaimg.cn/IT/cr/2010/0106/3317264934.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="480" height="295" /></p>
<p>可以像剪报纸那样，剪下、收藏自己喜欢的内容，随时查阅。比如，剪下某个网站的新闻头条版块，随时通过火狐魔镜剪下的这个新闻“剪报”小窗 口浏览最新资讯;或者剪下你关注的黄金走势图，即可通过自己的黄金走势“剪报”洞悉黄金动态;还可以剪下你常看的比赛节目单，用节目单“剪报”了解最新赛 事…总之剪你所要。</p>
<p><span id="more-218"></span>火狐中国版通过最新的浏览器技术，将传统的“剪报”习惯在网络时代完美延续，只需要打开这款浏览器，就能剪辑自己的网络“剪报”，将你的网络浏览彻底个性化。</p>
<p><strong>视频单放——网页视频单独播放</strong></p>
<p>想一边看视频，一边看关于视频的新闻、评论?在一个页面里操作真不方便。怎么办?点击视频右上的蓝色按钮，可以将视频在独立的窗口播放，这样就可以满足你的要求了，视频弹出播放的同时，还可以浏览其他网页或者进行其他电脑操作，一心多用，互不干扰!</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i1.sinaimg.cn/IT/cr/2010/0106/2762254160.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="480" height="295" /></p>
<p><strong>超强搜索——拖动一下，多个热门搜索引擎同时为你服务</strong></p>
<p>使用火狐中国版，页面上的诸多元素，文字、链接、图片等，均可进行拖拽。而且，对不同对象采用不同的拖拽方向会有不同收获哦，让你惊喜连连，试试吧!</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i3.sinaimg.cn/IT/cr/2010/0106/2738047055.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="480" height="295" /></p>
<p>其还具备鼠标手势：</p>
<p>单独文字拖拽：<br />
向上——用当前搜索引擎在后台搜索<br />
向下——触发搜索，展现搜索结果，还有网络百科释义及翻译功能<br />
链接拖拽：<br />
向上——在后台打开页面<br />
向下——在前台打开页面<br />
图片拖拽：<br />
搜藏图片</p>
<p><strong>图片收藏——轻松一拽，靓图尽收</strong></p>
<p>上网冲浪看到靓丽的图片，点中轻轻一拖，图片会被收藏到魔镜的“图片”频道中。收藏各式各样的美图、酷图易如反掌。甚至链接也会包含在图片中，点击图片即可打开相应的网页，支持分组管理。</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i3.sinaimg.cn/IT/cr/2010/0106/2736865358.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="480" height="295" /></p>
<p><strong>酷乐电台——打开浏览器，即有喜爱的音乐相伴</strong></p>
<p>火狐中国版为用户提供了百万首正版高质音乐，而且通过访问火狐中国版官网页面(i.g-fox.cn)就能直接打开音乐频道，现在在线听歌变得很方便了。</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i1.sinaimg.cn/IT/cr/2010/0106/2740275277.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="480" height="295" /></p>
<p>上面介绍了如此多的新奇特性，都是要在火狐魔镜的帮助下才能实现，所以开启火狐中国版中的火狐魔镜才是最重要的第一步。</p>
<p>我们可以有三种办法快速打开“魔镜”：</p>
<p>方法一：点击地址栏左侧的剪刀，即可开始网络“剪报”，与此同时也就打开了火狐魔镜;</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i0.sinaimg.cn/IT/cr/2010/0106/2739093580.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="249" height="49" /></p>
<p>方法二：点击火狐浏览器右上角的小狐狸头，即可开启“火狐魔镜”，这是老办法了，火狐中国版老用户都知道;</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i2.sinaimg.cn/IT/cr/2010/0106/2733303627.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="249" height="49" /></p>
<p>方法三：点击电脑屏幕右下角的火狐浏览器图标，也同样可以打开“火狐魔镜”。</p>
<p><img style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" src="http://i0.sinaimg.cn/IT/cr/2010/0106/2732121930.jpg" alt="体验“剪网页”的快感火狐中国版2010发布" width="249" height="49" /></p>
<p>据了解，现在火狐官方正在举行“火狐晒剪报”活动(t.sina.com.cn/firefox/)，使用“火狐魔镜”收藏网络“剪报”，即可参与活动赢取火狐的最新奖品，火狐用户快升级自己的浏览器，体验、赢奖品一个都不能少!<br />
<h3>Random Posts</h3>
<ul class="related_post">
<li><a href="http://longstep.cn/?p=77" title="Zend Studio For Eclipse 6.0 发布（PHP开发利器-下载地址-注册码）">Zend Studio For Eclipse 6.0 发布（PHP开发利器-下载地址-注册码）</a></li>
<li><a href="http://longstep.cn/?p=38" title="Google的产品设计的10条宗旨">Google的产品设计的10条宗旨</a></li>
<li><a href="http://longstep.cn/?p=216" title="搜索引擎蜘蛛的爬行路线">搜索引擎蜘蛛的爬行路线</a></li>
<li><a href="http://longstep.cn/?p=199" title="google wave邀请和试用">google wave邀请和试用</a></li>
<li><a href="http://longstep.cn/?p=1" title="Hello world!新年快乐！">Hello world!新年快乐！</a></li>
<li><a href="http://longstep.cn/?p=138" title="Flex中的tree组件数据源、图标等修改">Flex中的tree组件数据源、图标等修改</a></li>
<li><a href="http://longstep.cn/?p=67" title="接龙的Flash入门教程-AS 3.0 外部文件的加载以及Loading过程">接龙的Flash入门教程-AS 3.0 外部文件的加载以及Loading过程</a></li>
<li><a href="http://longstep.cn/?p=165" title="一些IE浏览器不支持的很有用CSS属性">一些IE浏览器不支持的很有用CSS属性</a></li>
<li><a href="http://longstep.cn/?p=129" title="WordPress分类存档页插件">WordPress分类存档页插件</a></li>
<li><a href="http://longstep.cn/?p=123" title="新闻关注不是空穴来风（1）">新闻关注不是空穴来风（1）</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://longstep.cn/?feed=rss2&amp;p=218</wfw:commentRss>
		</item>
		<item>
		<title>前端工程师常用工具</title>
		<link>http://longstep.cn/?p=217</link>
		<comments>http://longstep.cn/?p=217#comments</comments>
		<pubDate>Tue, 05 Jan 2010 15:37:11 +0000</pubDate>
		<dc:creator>猫嗔</dc:creator>
		
		<category><![CDATA[Css code]]></category>

		<category><![CDATA[网页前端优化]]></category>

		<category><![CDATA[软件工具]]></category>

		<category><![CDATA[jQuery插件]]></category>

		<category><![CDATA[添加标签]]></category>

		<category><![CDATA[网页前端]]></category>

		<guid isPermaLink="false">http://longstep.cn/?p=217</guid>

<description><![CDATA[<p>虽然有一段时间不做前端工程师，但还是免不了做前端的思维，碰到了很好的前端实用工具帖还是忍不住转了过来。这个帖子被转了好多次了，也不知道原本的作者是谁，但无论是谁都是万分的感谢，没有您的整理也没有大家的方便。<br />
帖子整理了<a href="http://longstep.cn/?p=217">前端工程师常用的工具手册</a>以及一些著名的相关博客，是工作中不可缺少的资料。</p>
<p><strong>概要：</strong></p>
<ul>
<li><a href="#f2e-manual-s1">在线工具集</a></li>
<li><a href="#f2e-manual-s2">常用Firefox插件</a></li>
<li><a href="#f2e-manual-s3">IE下的调试工具</a></li>
<li><a href="#f2e-manual-s4">参考手册</a></li>
<li><a href="#f2e-manual-s5">批处理工具</a></li>
<li><a href="#f2e-manual-s6">IDE及其他工具</a></li>
<li><a href="#f2e-manual-s7">Bookmarklet</a></li>
<li><a href="#f2e-manual-s8">前端开发者社区及权威网站</a></li>
<li><a href="#f2e-manual-s9">推荐订阅的博客和网站</a></li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/9385"><strong>前端开发工具集</strong></a></li>
</ul>
<h3 id="f2e-manual-s1">在线工具集</h3>
<ul>
<li>书籍类：
<ul>
<li><a href="http://book.mvnsearch.org/" target="_blank">Book Shelf 2.0 beta</a> —— 荐，分类很清晰，下载很方便</li>
<li><a href="http://www.bookgo.org/" target="_blank">Book Go!</a></li>
<li><a href="http://www.cnshare.org/" target="_blank">原版图书免费下载链接收集站</a></li>
<li><a href="http://www.51cnnet.net/" target="_blank">51CNNET.NET</a></li>
</ul>
</li>
<li>JavaScript类：
<ul>
<li><a href="http://elfz.laacz.lv/beautify/" target="_blank">Beautify JavaScript</a> —— JavaScript格式化工具，效果很理想</li>
<li><a href="http://code.google.com/apis/ajaxlibs/" target="_blank">AJAX Libraries API</a></li>
<li><a href="http://regexpal.com/" target="_blank">Regex Tester</a></li>
<li><a href="http://dean.edwards.name/packer/" target="_blank">Compressor Packer</a> —— 以前一直用这个压JS，自从有了TBCompressor，就放弃他了</li>
</ul>
</li>
<li>CSS类：
<ul>
<li><a href="http://mootools.net/slickspeed/" target="_blank">CSS选择器性能测试</a></li>
<li><a href="http://www.osxcn.com/csstidy/" target="_blank">CSSTidy</a> —— CSS格式化工具</li>
<li><a href="http://www.cssdrive.com/index.php/main/csscompressor/" target="_blank">CSS Compressor</a> —— CSS压缩</li>
</ul>
</li>
<li>其他：
<ul>
<li><a href="http://www.guidgen.com/" target="_blank">GUID 生成器</a> —— 做某些东西(Firefox插件)时需要唯一资源标志符时用</li>
<li><a href="http://www.w3counter.com/globalstats.php" target="_blank">W3Counter</a></li>
<li><a href="http://webwait.com/" target="_blank">WebWait - Benchmark Your Website</a></li>
</ul>
</li>
</ul>
<p><span id="more-217"></span></p>
<h3 id="f2e-manual-s2">常用Firefox插件</h3>
<ul>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/6707" target="_blank">支付宝安全控件</a> 和 <a href="https://addons.mozilla.org/zh-CN/firefox/addon/8625" target="_blank">旺旺协议</a> —— 网购专用，Firefox+浦发网银，无敌了</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/1843" target="_blank">Firebug</a> —— 这个不用介绍了吧，附空帏的<a href="http://www.quchao.com/entry/fix-encoding-bug-with-open-with-editor-in-firebug/" target="_blank">外部编辑器乱码修正版</a>
<ul>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/6683" target="_blank">Firecooike</a> —— 支持Cookie的查看和编辑</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/7613" target="_blank">Jiffy</a> —— 调试性能的，用起来比较麻烦，没试过</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/5369" target="_blank">YSlow</a> —— Why Slow? YUI出品</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/7943" target="_blank">Pixel Perfect</a> —— 把设计稿直接拖到Firefox里进行对比</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/7575" target="_blank">Rainbow for Firebug</a> —— JS高亮，性能不是很理想</li>
</ul>
</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/9373" target="_blank">Fiddler 开关</a> —— 简化在Firefox里切换Fiddler的操作，感谢Taobao UED的空帏同学</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/60" target="_blank">Web Developer</a></li>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/1673" target="_blank">DevBoi</a> —— 把Html, Dom, JavaScript等手册放在侧栏里，可以自定义增加，快捷键Ctrl+F9。可以在<a href="http://www.martincohen.info/products/devboi/packages/" target="_blank">这里</a>找到更多的Package。</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/953" target="_blank">RefControl</a> —— 针对每个站点发送想要的HTTP Referer</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/748" target="_blank">GreaseMonkey</a> —— 看某个网站不爽，写个小脚本来优化下还是不错的</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/6647" target="_blank">HttpFox</a> —— 查看当前Http链接状态，类似IE下的HttpWatch</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/59" target="_blank">User Agent Switcher</a> —— 切换User-Agent，同时开发iphone和web版本的时候很方便</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/2464" target="_blank">FoxyProxy</a> —— 穿墙工具，配合<a href="http://www.8558.org/" target="_blank">专业代理公布器</a>使用很和谐</li>
</ul>
<h3 id="f2e-manual-s3">IE下的调试工具</h3>
<ul>
<li><a href="http://www.fiddler2.com/" target="_blank">Fiddle2</a> —— 非常强悍的一款http流查看工具，默认支持IE，其他浏览器可以设置将{Document}\Scripts\BrowserPAC.js设为代理进行使用。Firefox下可用上述&#8221;Fiddler 开关&#8221;进行快速切换。支持<a href="http://www.fiddler2.com/Fiddler2/extensions.asp" target="_blank">插件</a>。</li>
<li><a href="http://www.microsoft.com/downloads/details.aspx?FamilyId=E59C3964-672D-4511-BB3E-2D5E1DB91038&amp;displaylang=en" target="_blank">IE Developer Toolbar</a> —— 查看元素、禁用缓存、禁用CSS\JS、Outline元素、查看生成的源码等功能，IE8自带了一个加强版的。</li>
<li><a href="http://www.microsoft.com/downloads/details.aspx?familyid=2f465be0-94fd-4569-b3c4-dffdf19ccd99&amp;displaylang=en" target="_blank">Microsoft Script Debugger</a> + <a href="http://www.my-debugbar.com/wiki/CompanionJS/HomePage" target="_blank">Companion.JS</a> —— 调试JS用，虽然报错还是有误差，但是我已经满足了。安装顺序是：Microsoft Script Debugger，Companion.JS，在&#8221;IE选项-高级&#8221;里<span style="text-decoration: underline;"><strong>取消</strong>禁用脚本调试</span>。</li>
<li>多版本IE共存两种方案：
<ul>
<li>IE7/8 + <a href="http://www.my-debugbar.com/wiki/IETester/HomePage" target="_blank">IE Tester</a> —— 大众型配置，可以基本满足日常需要。</li>
<li>IE6 + <a href="http://finalbuilds.edskes.net/iecollection.htm" target="_blank">Internet Explorer Collection</a> —— 在IE 6用户占绝对优势以及IE 6神奇bug满天飞的时代，我还是推荐这种方案，因为只有神奇的原装IE 6，才能抵挡运营神奇的问题。另外如果还有其他机器可供支配的话，建议再装个IE 8 + IE Tester，因为IE 8下的Developer Toolbar还是有很大改进的，调试起来会方便一些。</li>
</ul>
</li>
<li>以下三个软件相对不重要些：
<ul>
<li><a href="http://www.box.net/shared/i9ipe3nxh2" target="_blank">HttpWatch</a> —— http流查看</li>
<li><a href="http://www.box.net/shared/qtdje57m5d" target="_blank">Instant Source</a> —— 可查看JS生成的源码</li>
<li><a href="http://www.box.net/shared/d361kjx8r8" target="_blank">NetLimiterPro</a> —— 网速限制</li>
</ul>
</li>
</ul>
<h3 id="f2e-manual-s4">参考手册</h3>
<ul>
<li><a href="http://www.box.net/shared/botkpkrscf">XHTML、CSS &amp; DOM W3C 手册</a> —— <a href="http://lifesinger.org/">玉伯</a>整理的版本，包含了W3C手册以及其他有用的资料。</li>
<li>苏昱的<a href="http://assets.chencheng.org/resources/manual/css.chm">CSS中文手册</a>和<a href="http://assets.chencheng.org/resources/manual/dom.chm">Dom中文手册</a></li>
<li><a href="http://assets.chencheng.org/resources/manual/js.chm">JScript语言参考</a></li>
<li><a href="http://assets.chencheng.org/resources/manual/xml.chm">XML指南</a></li>
<li><a href="http://assets.chencheng.org/resources/manual/xmlhttp.chm">XMLHTTP参考手册</a></li>
<li><a href="http://assets.chencheng.org/resources/manual/jquery-126-api.chm">jQuery 1.2.6 API</a>和<a href="http://assets.chencheng.org/resources/manual/jQuery-and-jQuery-UI-Reference-1.2.chm">jQuery and jQuery UI Reference 1.2</a></li>
<li><a href="http://assets.chencheng.org/resources/manual/apache_manual_2.2/index.html">Apache 2.2 中文版参考手册在线版</a></li>
<li><a href="http://www.box.net/shared/dujtrpyf65">MySQL 5.1 参考手册</a> (<a href="http://assets.chencheng.org/resources/manual/mysql-manual-5.1-zh/index.html">在线版</a>)</li>
<li><a href="http://www.box.net/shared/aaif34xiz7">PHP手册</a></li>
<li><a href="http://developer.yahoo.com/yui/docs/assets/cheatsheets.zip">YUI Cheatsheet</a></li>
<li><a href="http://www.petefreitag.com/item/455.cfm">Cheat Sheet Roundup - Over 30 Cheatsheets for developers</a></li>
<li><a href="http://www.box.net/shared/30n9e5z3pf">23个Cheatsheet打包下载</a></li>
</ul>
<h3 id="f2e-manual-s5">批处理工具</h3>
<ul>
<li><a href="http://lifesinger.org/blog/wp-content/uploads/2008/10/TBCompressor_v2.4.zip">TBCompressor</a> —— 淘宝UED的JS/CSS压缩工具，详见<a href="http://lifesinger.org/blog/?p=464">玉伯的介绍</a></li>
<li><a href="http://assets.chencheng.org/resources/bat/pngOptimizer.zip">pngOptimizer</a> —— png优化工具</li>
<li><a href="http://assets.chencheng.org/resources/bat/jpegTran.zip">jpegTran</a> —— jpeg去冗余meta工具</li>
</ul>
<h3 id="f2e-manual-s6">IDE及其他工具</h3>
<ul>
<li><a href="http://www.box.net/shared/utgl7vyl0u">Editplus v301 汉化版</a></li>
<li><a href="http://bbs.iusesvn.com/forum-7-1.html">Tortoise SVN</a></li>
<li><a href="http://www.box.net/shared/lnlr2yjbgj">移动版本的 Apache + PHP</a> —— 灰常灰常好用，灰常灰常移动，见<a href="http://www.gracecode.com/Archive/Display/2235">明城的说明</a></li>
<li><a href="http://longstep.cn/?p=187">Axure 下载+注册码</a></li>
</ul>
<h3 id="f2e-manual-s7">Bookmarklet(右键另存)</h3>
<ul>
<li><a href="javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.pi&amp;&amp;window.firebug){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);">Firebug Lite</a> —— <a href="http://getfirebug.com/lite.html">官方介绍</a></li>
<li><a href="javascript:function loadScript(scriptURL)%20{%20var%20scriptElem%20=%20document.createElement('SCRIPT');%20scriptElem.setAttribute('language',%20'JavaScript');%20scriptElem.setAttribute('src',%20scriptURL);%20document.body.appendChild(scriptElem);}loadScript('http://westciv.com/xray/thexray.js');">Xray</a> —— <a href="http://www.westciv.com/xray/index.html">官方介绍</a></li>
<li><a href="javascript:function%20loadScript(scriptURL)%20{%20var%20scriptElem%20=%20document.createElement('SCRIPT');%20scriptElem.setAttribute('language',%20'JavaScript');%20scriptElem.setAttribute('src',%20scriptURL);%20document.body.appendChild(scriptElem);}loadScript('http://westciv.com/mri/theMRI.js');">MRI</a> —— <a href="http://www.westciv.com/mri/">官方介绍</a></li>
<li><a href="javascript:'&lt;xmp&gt;'+ window.document.documentElement.outerHTML+ '&lt;/xmp&gt;'">‘+ window.document.documentElement.outerHTML+ ”&#8221;&gt;查看生成的源码</a>，<a href="javascript:(function(){var w=window.open('about:blank');w.document.write('&lt;xmp&gt;'+ window.document.documentElement.outerHTML+ '&lt;/xmp&gt;');})()">‘+ window.document.documentElement.outerHTML+ ”);})()&#8221;&gt;打开新窗口查看生成的源码 </a>—— for IE</li>
</ul>
<h3 id="f2e-manual-s8">开发者社区及权威网站</h3>
<ul>
<li><a href="http://developer.mozilla.org/En">Mozilla Developer Center (MDC)</a></li>
<li><a href="http://developer.yahoo.com/">YAHOO! Developer Network (YDN)</a></li>
<li><a href="http://dev.opera.com/">Dev.Opera</a></li>
<li><a href="http://developer.apple.com/">Apple Developer Connection</a></li>
<li><a href="http://msdn.microsoft.com/zh-cn/default.aspx">MSDN</a></li>
<li><a href="http://www.ibm.com/developerworks/cn/web/">IBM Developers中国</a> (<a href="http://www.ibm.com/developerworks/cn/web/wa-front/">Web 前端开发技术专题</a>)</li>
<li><a href="http://webkit.org/">WebKit</a></li>
<li><a href="http://dev.aol.com/">AOL Developer Network</a></li>
<li><a href="http://www.slideshare.net/">SlideShare - Share PPT</a> —— 在线PPT分享，资源丰富</li>
<li><a href="http://code.google.com/doctype/">Google Doctype</a> —— Web开发人员的百科全书</li>
<li><a href="http://www.w3.org/">W3C</a> (<a href="http://www.w3c.org.hk/">香港</a>，<a href="http://www.chinaw3c.org/">中国)</a></li>
<li><a href="http://www.positioniseverything.net/">Position Is Everything</a></li>
<li><a href="http://www.htmldog.com/">HTML Dog</a></li>
<li><a href="http://zh.wikipedia.org/wiki/首页" target="_blank">维基百科</a></li>
</ul>
<h3 id="f2e-manual-s9">推荐订阅的博客和网站(排名不分先后)</h3>
<ul>
<li>国外
<ul>
<li>内容聚合：<a href="http://www.alistapart.com/">A List Apart</a>，<a href="http://ajaxian.com/">Ajaxian</a>，<a href="http://www.smashingmagazine.com/">Smashing Magazine</a>，<a href="http://www.456bereastreet.com/">456 berea street</a>，<a href="http://scriptandstyle.com/">Script &amp; Style</a>，<a href="http://www.cssglobe.com/">CSS Globe</a>，<a href="http://css-tricks.com/">CSS-Tricks</a>，<a href="http://www.sitepoint.com/">SitePoint</a></li>
<li>团队Blog：<a href="http://developer.yahoo.com/yui/">Yahoo! User Interface Library (YUI)</a>，<a href="http://blogs.msdn.com/ie/default.aspx">IEBlog</a></li>
<li>个人Blog：<a href="http://ejohn.org/">John Resig</a>，<a href="http://www.quirksmode.org/">PPK: QuirksMode</a>，<a href="http://www.crockford.com/">Douglas Crockford</a>，<a href="http://dean.edwards.name/">Dean Edwards</a>，<a href="http://nate.koechley.com/blog/">Nate Koechley</a>，<a href="http://www.julienlecomte.net/blog/">Julien Lecomte</a>，<a href="http://meyerweb.com/">Eric A. Meyer</a>，<a href="http://www.andybudd.com/">Andy Budd</a>，<a href="http://blog.stevenlevithan.com/">Steven Levithan</a>，<a href="http://blog.hedgerwow.com/">HedgerWow</a></li>
</ul>
</li>
<li>国内
<ul>
<li>内容聚合：<a href="http://www.blueidea.com">Blueidea</a>，<a href="http://bbs.51js.com/">无忧脚本</a>，<a href="http://www.w3cn.org/">网页设计师(W3CN)</a>，<a href="http://www.ijavascript.cn/">JavaScript教程网</a></li>
<li>团队Blog：<a href="http://ued.taobao.com/">淘宝</a>，<a href="http://ued.koubei.com/">口碑</a>，<a href="http://www.aliued.com/">阿里巴巴国际站</a>，<a href="http://www.aliued.cn/">阿里巴巴中文站</a>，<a href="http://www.f-dev.com/">阿里巴巴中文站前端开发团队(方凳)</a>，<a href="http://ued.alimama.com/">阿里妈妈</a>，<a href="http://ued.alipay.com/">支付宝</a>，<a href="http://www.alisoftued.com/">阿里软件</a>，<a href="http://blog.19lou.com/?uid-10143366">19楼</a>，<a href="http://www.9skyucd.com/">九天音乐</a>，<a href="http://www.kdued.com/">金蝶与友商网</a></li>
<li>个人Blog，这里列出的是原创并更新相对频繁的博客，如有遗漏，请告之：<a href="http://www.planabc.net/">怿飞</a>，<a href="http://www.gracecode.com/">手气不错</a>，<a href="http://realazy.org/">Realazy</a>，<a href="http://old9.blogsome.com/">old9</a>(需穿墙术)，<a href="http://quchao.com/">沙滩凉鞋(空帏)</a>，<a href="http://lifesinger.org/">射雕(玉伯)</a>，<a href="http://woooh.com/">Aether</a>，<a href="http://andymao.com/andy/">振之</a>，<a href="http://www.aoao.org.cn/">嗷嗷</a>，<a href="http://www.junchenwu.com/">JunChen</a>，<a href="http://yuntian.cnblogs.com/">爆牙齿</a>，<a href="http://dancewithnet.com/">秦歌</a>，<a href="http://blog.360.yahoo.com/blog-sOW1QOA9crUyOdXFxOeK4xc-?cq=1">克军</a>，<a href="http://5key.net/blog/">5key</a>，<a href="www.linxz.cn">小志</a>，<a href="http://www.htmlcssjs.com/blog/">Rage(正淳)</a>，<a href="http://www.macji.com/">麦鸡</a>，<a href="http://yy.mylovings.net/">云烈</a>，<a href="http://robertmao.com/">老冒</a>，<a href="http://www.tblog.com.cn/">番茄红了</a>，<a href="http://www.joyqi.com/">Joyqi</a>，<a href="http://www.v-sky.com/blog/">卢力</a>，<a href="http://www.cssforest.org/blog/">CSS森林(Ghost)</a>，<a href="http://www.twinsenliang.net/">Twinsen</a>，<a href="http://blog.gulu77.com/">Gulu77</a>，<a href="http://rlog.cn/">Rlog</a>，<a href="http://dlog.org/">Dlog</a>，<a href="http://www.zishu.cn/">子鼠</a>，<a href="http://www.space007.com/">西风坊</a> …</li>
</ul>
</li>
</ul>
<ul class="related_post">
<li><a href="http://longstep.cn/?p=189" title="前端工程师">前端工程师</a></li>
<li><a href="http://longstep.cn/?p=214" title="经典海量jQuery插件">经典海量jQuery插件</a></li>
<li><a href="http://longstep.cn/?p=165" title="一些IE浏览器不支持的很有用CSS属性">一些IE浏览器不支持的很有用CSS属性</a></li>
<li><a href="http://longstep.cn/?p=64" title="Yahoo!开发团队总结的网站性能优化的34条黄金守则（四）—图片、Coockie与移动应用">Yahoo!开发团队总结的网站性能优化的34条黄金守则（四）—图片、Coockie与移动应用</a></li>
<li><a href="http://longstep.cn/?p=63" title="Yahoo!开发团队总结的网站性能优化的34条黄金守则（三）—JavaScript和CSS">Yahoo!开发团队总结的网站性能优化的34条黄金守则（三）—JavaScript和CSS</a></li>
<li><a href="http://longstep.cn/?p=62" title="Yahoo!开发团队总结的网站性能优化的34条黄金守则（二）—服务器">Yahoo!开发团队总结的网站性能优化的34条黄金守则（二）—服务器</a></li>
<li><a href="http://longstep.cn/?p=60" title="Yahoo!开发团队总结的网站性能优化的34条黄金守则（一）—内容">Yahoo!开发团队总结的网站性能优化的34条黄金守则（一）—内容</a></li>
<li><a href="http://longstep.cn/?p=26" title="浮动标签清除浮动方法小结">浮动标签清除浮动方法小结</a></li>
</ul>
]]></description>

		<!--<description><![CDATA[虽然有一段时间不做前端工程师，但还是免不了做前端的思维，碰到了很好的前端实用工具帖还是忍不住转了过来。这个帖子被转了好多次了，也不知道原本的作者是谁，但无论是谁都是万分的感谢，没有您的整理也没有大家的方便。
帖子整理了前端工程师常用的工具手册以及一些著名的相关博客，是工作中不可缺少的资料。
概要：

在线工具集
常用Firefox插件
IE下的调试工具
参考手册
批处理工具
IDE及其他工具
Bookmarklet
前端开发者社区及权威网站
推荐订阅的博客和网站
前端开发工具集

在线工具集

书籍类：

Book Shelf 2.0 beta —— 荐，分类很清晰，下载很方便
Book Go!
原版图书免费下载链接收集站
51CNNET.NET


JavaScript类：

Beautify JavaScript —— JavaScript格式化工具，效果很理想
AJAX Libraries API
Regex Tester
Compressor Packer —— 以前一直用这个压JS，自从有了TBCompressor，就放弃他了


CSS类：

CSS选择器性能测试
CSSTidy —— CSS格式化工具
CSS Compressor —— CSS压缩


其他：

GUID 生成器 —— 做某些东西(Firefox插件)时需要唯一资源标志符时用
W3Counter
WebWait - Benchmark Your Website




常用Firefox插件

支付宝安全控件 和 旺旺协议 —— 网购专用，Firefox+浦发网银，无敌了
Firebug —— 这个不用介绍了吧，附空帏的外部编辑器乱码修正版

Firecooike —— 支持Cookie的查看和编辑
Jiffy —— 调试性能的，用起来比较麻烦，没试过
YSlow —— Why Slow? YUI出品
Pixel Perfect —— 把设计稿直接拖到Firefox里进行对比
Rainbow for Firebug —— JS高亮，性能不是很理想


Fiddler 开关 —— 简化在Firefox里切换Fiddler的操作，感谢Taobao UED的空帏同学
Web Developer
DevBoi —— [...]]]></description>
	-->
	
		<content:encoded><![CDATA[<p>虽然有一段时间不做前端工程师，但还是免不了做前端的思维，碰到了很好的前端实用工具帖还是忍不住转了过来。这个帖子被转了好多次了，也不知道原本的作者是谁，但无论是谁都是万分的感谢，没有您的整理也没有大家的方便。<br />
帖子整理了<a href="http://longstep.cn/?p=217">前端工程师常用的工具手册</a>以及一些著名的相关博客，是工作中不可缺少的资料。</p>
<p><strong>概要：</strong></p>
<ul>
<li><a href="#f2e-manual-s1">在线工具集</a></li>
<li><a href="#f2e-manual-s2">常用Firefox插件</a></li>
<li><a href="#f2e-manual-s3">IE下的调试工具</a></li>
<li><a href="#f2e-manual-s4">参考手册</a></li>
<li><a href="#f2e-manual-s5">批处理工具</a></li>
<li><a href="#f2e-manual-s6">IDE及其他工具</a></li>
<li><a href="#f2e-manual-s7">Bookmarklet</a></li>
<li><a href="#f2e-manual-s8">前端开发者社区及权威网站</a></li>
<li><a href="#f2e-manual-s9">推荐订阅的博客和网站</a></li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/9385"><strong>前端开发工具集</strong></a></li>
</ul>
<h3 id="f2e-manual-s1">在线工具集</h3>
<ul>
<li>书籍类：
<ul>
<li><a href="http://book.mvnsearch.org/" target="_blank">Book Shelf 2.0 beta</a> —— 荐，分类很清晰，下载很方便</li>
<li><a href="http://www.bookgo.org/" target="_blank">Book Go!</a></li>
<li><a href="http://www.cnshare.org/" target="_blank">原版图书免费下载链接收集站</a></li>
<li><a href="http://www.51cnnet.net/" target="_blank">51CNNET.NET</a></li>
</ul>
</li>
<li>JavaScript类：
<ul>
<li><a href="http://elfz.laacz.lv/beautify/" target="_blank">Beautify JavaScript</a> —— JavaScript格式化工具，效果很理想</li>
<li><a href="http://code.google.com/apis/ajaxlibs/" target="_blank">AJAX Libraries API</a></li>
<li><a href="http://regexpal.com/" target="_blank">Regex Tester</a></li>
<li><a href="http://dean.edwards.name/packer/" target="_blank">Compressor Packer</a> —— 以前一直用这个压JS，自从有了TBCompressor，就放弃他了</li>
</ul>
</li>
<li>CSS类：
<ul>
<li><a href="http://mootools.net/slickspeed/" target="_blank">CSS选择器性能测试</a></li>
<li><a href="http://www.osxcn.com/csstidy/" target="_blank">CSSTidy</a> —— CSS格式化工具</li>
<li><a href="http://www.cssdrive.com/index.php/main/csscompressor/" target="_blank">CSS Compressor</a> —— CSS压缩</li>
</ul>
</li>
<li>其他：
<ul>
<li><a href="http://www.guidgen.com/" target="_blank">GUID 生成器</a> —— 做某些东西(Firefox插件)时需要唯一资源标志符时用</li>
<li><a href="http://www.w3counter.com/globalstats.php" target="_blank">W3Counter</a></li>
<li><a href="http://webwait.com/" target="_blank">WebWait - Benchmark Your Website</a></li>
</ul>
</li>
</ul>
<p><span id="more-217"></span></p>
<h3 id="f2e-manual-s2">常用Firefox插件</h3>
<ul>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/6707" target="_blank">支付宝安全控件</a> 和 <a href="https://addons.mozilla.org/zh-CN/firefox/addon/8625" target="_blank">旺旺协议</a> —— 网购专用，Firefox+浦发网银，无敌了</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/1843" target="_blank">Firebug</a> —— 这个不用介绍了吧，附空帏的<a href="http://www.quchao.com/entry/fix-encoding-bug-with-open-with-editor-in-firebug/" target="_blank">外部编辑器乱码修正版</a>
<ul>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/6683" target="_blank">Firecooike</a> —— 支持Cookie的查看和编辑</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/7613" target="_blank">Jiffy</a> —— 调试性能的，用起来比较麻烦，没试过</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/5369" target="_blank">YSlow</a> —— Why Slow? YUI出品</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/7943" target="_blank">Pixel Perfect</a> —— 把设计稿直接拖到Firefox里进行对比</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/7575" target="_blank">Rainbow for Firebug</a> —— JS高亮，性能不是很理想</li>
</ul>
</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/9373" target="_blank">Fiddler 开关</a> —— 简化在Firefox里切换Fiddler的操作，感谢Taobao UED的空帏同学</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/60" target="_blank">Web Developer</a></li>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/1673" target="_blank">DevBoi</a> —— 把Html, Dom, JavaScript等手册放在侧栏里，可以自定义增加，快捷键Ctrl+F9。可以在<a href="http://www.martincohen.info/products/devboi/packages/" target="_blank">这里</a>找到更多的Package。</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/953" target="_blank">RefControl</a> —— 针对每个站点发送想要的HTTP Referer</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/748" target="_blank">GreaseMonkey</a> —— 看某个网站不爽，写个小脚本来优化下还是不错的</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/6647" target="_blank">HttpFox</a> —— 查看当前Http链接状态，类似IE下的HttpWatch</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/59" target="_blank">User Agent Switcher</a> —— 切换User-Agent，同时开发iphone和web版本的时候很方便</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/2464" target="_blank">FoxyProxy</a> —— 穿墙工具，配合<a href="http://www.8558.org/" target="_blank">专业代理公布器</a>使用很和谐</li>
</ul>
<h3 id="f2e-manual-s3">IE下的调试工具</h3>
<ul>
<li><a href="http://www.fiddler2.com/" target="_blank">Fiddle2</a> —— 非常强悍的一款http流查看工具，默认支持IE，其他浏览器可以设置将{Document}\Scripts\BrowserPAC.js设为代理进行使用。Firefox下可用上述&#8221;Fiddler 开关&#8221;进行快速切换。支持<a href="http://www.fiddler2.com/Fiddler2/extensions.asp" target="_blank">插件</a>。</li>
<li><a href="http://www.microsoft.com/downloads/details.aspx?FamilyId=E59C3964-672D-4511-BB3E-2D5E1DB91038&amp;displaylang=en" target="_blank">IE Developer Toolbar</a> —— 查看元素、禁用缓存、禁用CSS\JS、Outline元素、查看生成的源码等功能，IE8自带了一个加强版的。</li>
<li><a href="http://www.microsoft.com/downloads/details.aspx?familyid=2f465be0-94fd-4569-b3c4-dffdf19ccd99&amp;displaylang=en" target="_blank">Microsoft Script Debugger</a> + <a href="http://www.my-debugbar.com/wiki/CompanionJS/HomePage" target="_blank">Companion.JS</a> —— 调试JS用，虽然报错还是有误差，但是我已经满足了。安装顺序是：Microsoft Script Debugger，Companion.JS，在&#8221;IE选项-高级&#8221;里<span style="text-decoration: underline;"><strong>取消</strong>禁用脚本调试</span>。</li>
<li>多版本IE共存两种方案：
<ul>
<li>IE7/8 + <a href="http://www.my-debugbar.com/wiki/IETester/HomePage" target="_blank">IE Tester</a> —— 大众型配置，可以基本满足日常需要。</li>
<li>IE6 + <a href="http://finalbuilds.edskes.net/iecollection.htm" target="_blank">Internet Explorer Collection</a> —— 在IE 6用户占绝对优势以及IE 6神奇bug满天飞的时代，我还是推荐这种方案，因为只有神奇的原装IE 6，才能抵挡运营神奇的问题。另外如果还有其他机器可供支配的话，建议再装个IE 8 + IE Tester，因为IE 8下的Developer Toolbar还是有很大改进的，调试起来会方便一些。</li>
</ul>
</li>
<li>以下三个软件相对不重要些：
<ul>
<li><a href="http://www.box.net/shared/i9ipe3nxh2" target="_blank">HttpWatch</a> —— http流查看</li>
<li><a href="http://www.box.net/shared/qtdje57m5d" target="_blank">Instant Source</a> —— 可查看JS生成的源码</li>
<li><a href="http://www.box.net/shared/d361kjx8r8" target="_blank">NetLimiterPro</a> —— 网速限制</li>
</ul>
</li>
</ul>
<h3 id="f2e-manual-s4">参考手册</h3>
<ul>
<li><a href="http://www.box.net/shared/botkpkrscf">XHTML、CSS &amp; DOM W3C 手册</a> —— <a href="http://lifesinger.org/">玉伯</a>整理的版本，包含了W3C手册以及其他有用的资料。</li>
<li>苏昱的<a href="http://assets.chencheng.org/resources/manual/css.chm">CSS中文手册</a>和<a href="http://assets.chencheng.org/resources/manual/dom.chm">Dom中文手册</a></li>
<li><a href="http://assets.chencheng.org/resources/manual/js.chm">JScript语言参考</a></li>
<li><a href="http://assets.chencheng.org/resources/manual/xml.chm">XML指南</a></li>
<li><a href="http://assets.chencheng.org/resources/manual/xmlhttp.chm">XMLHTTP参考手册</a></li>
<li><a href="http://assets.chencheng.org/resources/manual/jquery-126-api.chm">jQuery 1.2.6 API</a>和<a href="http://assets.chencheng.org/resources/manual/jQuery-and-jQuery-UI-Reference-1.2.chm">jQuery and jQuery UI Reference 1.2</a></li>
<li><a href="http://assets.chencheng.org/resources/manual/apache_manual_2.2/index.html">Apache 2.2 中文版参考手册在线版</a></li>
<li><a href="http://www.box.net/shared/dujtrpyf65">MySQL 5.1 参考手册</a> (<a href="http://assets.chencheng.org/resources/manual/mysql-manual-5.1-zh/index.html">在线版</a>)</li>
<li><a href="http://www.box.net/shared/aaif34xiz7">PHP手册</a></li>
<li><a href="http://developer.yahoo.com/yui/docs/assets/cheatsheets.zip">YUI Cheatsheet</a></li>
<li><a href="http://www.petefreitag.com/item/455.cfm">Cheat Sheet Roundup - Over 30 Cheatsheets for developers</a></li>
<li><a href="http://www.box.net/shared/30n9e5z3pf">23个Cheatsheet打包下载</a></li>
</ul>
<h3 id="f2e-manual-s5">批处理工具</h3>
<ul>
<li><a href="http://lifesinger.org/blog/wp-content/uploads/2008/10/TBCompressor_v2.4.zip">TBCompressor</a> —— 淘宝UED的JS/CSS压缩工具，详见<a href="http://lifesinger.org/blog/?p=464">玉伯的介绍</a></li>
<li><a href="http://assets.chencheng.org/resources/bat/pngOptimizer.zip">pngOptimizer</a> —— png优化工具</li>
<li><a href="http://assets.chencheng.org/resources/bat/jpegTran.zip">jpegTran</a> —— jpeg去冗余meta工具</li>
</ul>
<h3 id="f2e-manual-s6">IDE及其他工具</h3>
<ul>
<li><a href="http://www.box.net/shared/utgl7vyl0u">Editplus v301 汉化版</a></li>
<li><a href="http://bbs.iusesvn.com/forum-7-1.html">Tortoise SVN</a></li>
<li><a href="http://www.box.net/shared/lnlr2yjbgj">移动版本的 Apache + PHP</a> —— 灰常灰常好用，灰常灰常移动，见<a href="http://www.gracecode.com/Archive/Display/2235">明城的说明</a></li>
<li><a href="http://longstep.cn/?p=187">Axure 下载+注册码</a></li>
</ul>
<h3 id="f2e-manual-s7">Bookmarklet(右键另存)</h3>
<ul>
<li><a href="javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.pi&amp;&amp;window.firebug){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);">Firebug Lite</a> —— <a href="http://getfirebug.com/lite.html">官方介绍</a></li>
<li><a href="javascript:function loadScript(scriptURL)%20{%20var%20scriptElem%20=%20document.createElement('SCRIPT');%20scriptElem.setAttribute('language',%20'JavaScript');%20scriptElem.setAttribute('src',%20scriptURL);%20document.body.appendChild(scriptElem);}loadScript('http://westciv.com/xray/thexray.js');">Xray</a> —— <a href="http://www.westciv.com/xray/index.html">官方介绍</a></li>
<li><a href="javascript:function%20loadScript(scriptURL)%20{%20var%20scriptElem%20=%20document.createElement('SCRIPT');%20scriptElem.setAttribute('language',%20'JavaScript');%20scriptElem.setAttribute('src',%20scriptURL);%20document.body.appendChild(scriptElem);}loadScript('http://westciv.com/mri/theMRI.js');">MRI</a> —— <a href="http://www.westciv.com/mri/">官方介绍</a></li>
<li><a href="javascript:'&lt;xmp&gt;'+ window.document.documentElement.outerHTML+ '&lt;/xmp&gt;'">‘+ window.document.documentElement.outerHTML+ ”&#8221;&gt;查看生成的源码</a>，<a href="javascript:(function(){var w=window.open('about:blank');w.document.write('&lt;xmp&gt;'+ window.document.documentElement.outerHTML+ '&lt;/xmp&gt;');})()">‘+ window.document.documentElement.outerHTML+ ”);})()&#8221;&gt;打开新窗口查看生成的源码 </a>—— for IE</li>
</ul>
<h3 id="f2e-manual-s8">开发者社区及权威网站</h3>
<ul>
<li><a href="http://developer.mozilla.org/En">Mozilla Developer Center (MDC)</a></li>
<li><a href="http://developer.yahoo.com/">YAHOO! Developer Network (YDN)</a></li>
<li><a href="http://dev.opera.com/">Dev.Opera</a></li>
<li><a href="http://developer.apple.com/">Apple Developer Connection</a></li>
<li><a href="http://msdn.microsoft.com/zh-cn/default.aspx">MSDN</a></li>
<li><a href="http://www.ibm.com/developerworks/cn/web/">IBM Developers中国</a> (<a href="http://www.ibm.com/developerworks/cn/web/wa-front/">Web 前端开发技术专题</a>)</li>
<li><a href="http://webkit.org/">WebKit</a></li>
<li><a href="http://dev.aol.com/">AOL Developer Network</a></li>
<li><a href="http://www.slideshare.net/">SlideShare - Share PPT</a> —— 在线PPT分享，资源丰富</li>
<li><a href="http://code.google.com/doctype/">Google Doctype</a> —— Web开发人员的百科全书</li>
<li><a href="http://www.w3.org/">W3C</a> (<a href="http://www.w3c.org.hk/">香港</a>，<a href="http://www.chinaw3c.org/">中国)</a></li>
<li><a href="http://www.positioniseverything.net/">Position Is Everything</a></li>
<li><a href="http://www.htmldog.com/">HTML Dog</a></li>
<li><a href="http://zh.wikipedia.org/wiki/首页" target="_blank">维基百科</a></li>
</ul>
<h3 id="f2e-manual-s9">推荐订阅的博客和网站(排名不分先后)</h3>
<ul>
<li>国外
<ul>
<li>内容聚合：<a href="http://www.alistapart.com/">A List Apart</a>，<a href="http://ajaxian.com/">Ajaxian</a>，<a href="http://www.smashingmagazine.com/">Smashing Magazine</a>，<a href="http://www.456bereastreet.com/">456 berea street</a>，<a href="http://scriptandstyle.com/">Script &amp; Style</a>，<a href="http://www.cssglobe.com/">CSS Globe</a>，<a href="http://css-tricks.com/">CSS-Tricks</a>，<a href="http://www.sitepoint.com/">SitePoint</a></li>
<li>团队Blog：<a href="http://developer.yahoo.com/yui/">Yahoo! User Interface Library (YUI)</a>，<a href="http://blogs.msdn.com/ie/default.aspx">IEBlog</a></li>
<li>个人Blog：<a href="http://ejohn.org/">John Resig</a>，<a href="http://www.quirksmode.org/">PPK: QuirksMode</a>，<a href="http://www.crockford.com/">Douglas Crockford</a>，<a href="http://dean.edwards.name/">Dean Edwards</a>，<a href="http://nate.koechley.com/blog/">Nate Koechley</a>，<a href="http://www.julienlecomte.net/blog/">Julien Lecomte</a>，<a href="http://meyerweb.com/">Eric A. Meyer</a>，<a href="http://www.andybudd.com/">Andy Budd</a>，<a href="http://blog.stevenlevithan.com/">Steven Levithan</a>，<a href="http://blog.hedgerwow.com/">HedgerWow</a></li>
</ul>
</li>
<li>国内
<ul>
<li>内容聚合：<a href="http://www.blueidea.com">Blueidea</a>，<a href="http://bbs.51js.com/">无忧脚本</a>，<a href="http://www.w3cn.org/">网页设计师(W3CN)</a>，<a href="http://www.ijavascript.cn/">JavaScript教程网</a></li>
<li>团队Blog：<a href="http://ued.taobao.com/">淘宝</a>，<a href="http://ued.koubei.com/">口碑</a>，<a href="http://www.aliued.com/">阿里巴巴国际站</a>，<a href="http://www.aliued.cn/">阿里巴巴中文站</a>，<a href="http://www.f-dev.com/">阿里巴巴中文站前端开发团队(方凳)</a>，<a href="http://ued.alimama.com/">阿里妈妈</a>，<a href="http://ued.alipay.com/">支付宝</a>，<a href="http://www.alisoftued.com/">阿里软件</a>，<a href="http://blog.19lou.com/?uid-10143366">19楼</a>，<a href="http://www.9skyucd.com/">九天音乐</a>，<a href="http://www.kdued.com/">金蝶与友商网</a></li>
<li>个人Blog，这里列出的是原创并更新相对频繁的博客，如有遗漏，请告之：<a href="http://www.planabc.net/">怿飞</a>，<a href="http://www.gracecode.com/">手气不错</a>，<a href="http://realazy.org/">Realazy</a>，<a href="http://old9.blogsome.com/">old9</a>(需穿墙术)，<a href="http://quchao.com/">沙滩凉鞋(空帏)</a>，<a href="http://lifesinger.org/">射雕(玉伯)</a>，<a href="http://woooh.com/">Aether</a>，<a href="http://andymao.com/andy/">振之</a>，<a href="http://www.aoao.org.cn/">嗷嗷</a>，<a href="http://www.junchenwu.com/">JunChen</a>，<a href="http://yuntian.cnblogs.com/">爆牙齿</a>，<a href="http://dancewithnet.com/">秦歌</a>，<a href="http://blog.360.yahoo.com/blog-sOW1QOA9crUyOdXFxOeK4xc-?cq=1">克军</a>，<a href="http://5key.net/blog/">5key</a>，<a href="www.linxz.cn">小志</a>，<a href="http://www.htmlcssjs.com/blog/">Rage(正淳)</a>，<a href="http://www.macji.com/">麦鸡</a>，<a href="http://yy.mylovings.net/">云烈</a>，<a href="http://robertmao.com/">老冒</a>，<a href="http://www.tblog.com.cn/">番茄红了</a>，<a href="http://www.joyqi.com/">Joyqi</a>，<a href="http://www.v-sky.com/blog/">卢力</a>，<a href="http://www.cssforest.org/blog/">CSS森林(Ghost)</a>，<a href="http://www.twinsenliang.net/">Twinsen</a>，<a href="http://blog.gulu77.com/">Gulu77</a>，<a href="http://rlog.cn/">Rlog</a>，<a href="http://dlog.org/">Dlog</a>，<a href="http://www.zishu.cn/">子鼠</a>，<a href="http://www.space007.com/">西风坊</a> …</li>
</ul>
</li>
</ul>
<ul class="related_post">
<li><a href="http://longstep.cn/?p=189" title="前端工程师">前端工程师</a></li>
<li><a href="http://longstep.cn/?p=214" title="经典海量jQuery插件">经典海量jQuery插件</a></li>
<li><a href="http://longstep.cn/?p=165" title="一些IE浏览器不支持的很有用CSS属性">一些IE浏览器不支持的很有用CSS属性</a></li>
<li><a href="http://longstep.cn/?p=64" title="Yahoo!开发团队总结的网站性能优化的34条黄金守则（四）—图片、Coockie与移动应用">Yahoo!开发团队总结的网站性能优化的34条黄金守则（四）—图片、Coockie与移动应用</a></li>
<li><a href="http://longstep.cn/?p=63" title="Yahoo!开发团队总结的网站性能优化的34条黄金守则（三）—JavaScript和CSS">Yahoo!开发团队总结的网站性能优化的34条黄金守则（三）—JavaScript和CSS</a></li>
<li><a href="http://longstep.cn/?p=62" title="Yahoo!开发团队总结的网站性能优化的34条黄金守则（二）—服务器">Yahoo!开发团队总结的网站性能优化的34条黄金守则（二）—服务器</a></li>
<li><a href="http://longstep.cn/?p=60" title="Yahoo!开发团队总结的网站性能优化的34条黄金守则（一）—内容">Yahoo!开发团队总结的网站性能优化的34条黄金守则（一）—内容</a></li>
<li><a href="http://longstep.cn/?p=26" title="浮动标签清除浮动方法小结">浮动标签清除浮动方法小结</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://longstep.cn/?feed=rss2&amp;p=217</wfw:commentRss>
		</item>
	</channel>
</rss>
