<?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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>木木木木木 &#187; Chrome</title>
	<atom:link href="http://immmmm.com/tag/chrome/feed" rel="self" type="application/rss+xml" />
	<link>http://immmmm.com</link>
	<description>不问明天，悠然浪费</description>
	<lastBuildDate>Mon, 21 May 2012 12:03:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Chrome自定义样式扩展 —— Stylish</title>
		<link>http://immmmm.com/chrome-extensions-stylish.html</link>
		<comments>http://immmmm.com/chrome-extensions-stylish.html#comments</comments>
		<pubDate>Fri, 01 Jul 2011 10:08:02 +0000</pubDate>
		<dc:creator>林木木</dc:creator>
				<category><![CDATA[软件技巧]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Chrome扩展]]></category>
		<category><![CDATA[Stylish]]></category>

		<guid isPermaLink="false">http://immmmm.com/?p=1660</guid>
		<description><![CDATA[谷哥近段时间发力了，几大产品都换上新颜，相当清新。不过之前在使用的自定义界面的chrome扩展就失效了，找找后发现了这款： Chrome扩展： Stylish，用来重新定义页面样式。 咱也就简单的自定义个字体，display:none 几个元素，毕竟有些功能放那儿八百年用不到一次，占地碍眼！ 下面就是自定义后的Google日历界面： 插件设置截图： 相关CSS代码如下： *&#123;font-family:'Century Gothic','Microsoft YaHei',Verdana;&#125; &#160; #onegoogbar,#vr-proto-header,#nav&#123;display:none;&#125; &#160; #mainbody&#123;margin: 0 15px;&#125; &#160; input&#123;outline:none;&#125; 这个样式呢，还是得按个人喜好自主调整设置咯～]]></description>
			<content:encoded><![CDATA[<p>谷哥近段时间发力了，几大产品都换上新颜，相当清新。不过之前在使用的自定义界面的chrome扩展就失效了，找找后发现了这款：</p>
<p>Chrome扩展： <a rel="nofollow" href="https://chrome.google.com/webstore/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe" target="_blank">Stylish</a>，用来重新定义页面样式。</p>
<p>咱也就简单的自定义个字体，<code>display:none</code> 几个元素，毕竟有些功能放那儿八百年用不到一次，占地碍眼！</p>
<p><span id="more-1660"></span>下面就是自定义后的Google日历界面：</p>
<p><a href="http://img1.dnschina.net/files/46/immmmm/201107/rili.jpg"><img class="aligncenter" src="http://img1.dnschina.net/files/46/immmmm/201107/rili.jpg" alt="日历" width="520" height="295" /></a></p>
<p>插件设置截图：</p>
<p><a href="http://img1.dnschina.net/files/46/immmmm/201107/stylish.jpg"><img class="aligncenter" src="http://img1.dnschina.net/files/46/immmmm/201107/stylish.jpg" alt="" width="535" height="175" /></a></p>
<p>相关CSS代码如下：</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:Microsoft Yahei;"><span style="color: #00AA00;">*</span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span><span style="color: #ff0000;">'Century Gothic'</span><span style="color: #00AA00;">,</span><span style="color: #ff0000;">'Microsoft YaHei'</span><span style="color: #00AA00;">,</span>Verdana<span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #cc00cc;">#onegoogbar</span><span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#vr-proto-header</span><span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#nav</span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #cc00cc;">#mainbody</span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;">15px</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span>
&nbsp;
input<span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">outline</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span><span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>这个样式呢，还是得按个人喜好自主调整设置咯～</p>
]]></content:encoded>
			<wfw:commentRss>http://immmmm.com/chrome-extensions-stylish.html/feed</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>Chrome多微博扩展 —— FaWave</title>
		<link>http://immmmm.com/chrome-extensions-fawave.html</link>
		<comments>http://immmmm.com/chrome-extensions-fawave.html#comments</comments>
		<pubDate>Sat, 25 Dec 2010 15:51:18 +0000</pubDate>
		<dc:creator>林木木</dc:creator>
				<category><![CDATA[软件技巧]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[FaWave]]></category>
		<category><![CDATA[微博]]></category>

		<guid isPermaLink="false">http://immmmm.com/?p=1523</guid>
		<description><![CDATA[乱逛博客总会有些出人意料的好收获！邪恶一下，一眼把发微看错了…… Chrome多微博扩展：FaWave(发微)，如果chrome是你的第一浏览器，如果你奋战于多个微博，这款扩展绝对给力！ 目前已支持：新浪微博、腾讯微薄、Twitter、搜狐微博、饭否、做啥、嘀咕、人间网、雷猴。多用户、多微博支持，全部账号同时提示新信息，各个账号之前无缝切换。 还可以设置某个帐户仅发送，除了给力还是给力哟！ 其它什么使用相信各位都懂的，另外墙内的童鞋用推特得输入API，这个得自己搭建咯～]]></description>
			<content:encoded><![CDATA[<p>乱逛博客总会有些出人意料的好收获！邪恶一下，一眼把发微看错了……</p>
<p><strong>Chrome多微博扩展</strong>：<a rel="nofollow" href="http://chrome.google.com/extensions/detail/aicelmgbddfgmpieedjiggifabdpcnln" target="_blank">FaWave(发微)</a>，如果chrome是你的第一浏览器，如果你奋战于多个微博，这款扩展绝对给力！</p>
<p>目前已支持：新浪微博、腾讯微薄、Twitter、搜狐微博、饭否、做啥、嘀咕、人间网、雷猴。多用户、多微博支持，全部账号同时提示新信息，各个账号之前无缝切换。<span id="more-1523"></span></p>
<p style="text-align: center;"><img class="pie-img" src="https://lh6.googleusercontent.com/_65ZfNm-tR48/TRYRsHNvQII/AAAAAAAAEP0/Q9rV84Laod4/faware1.jpg?imgmax=800" alt="faware1.jpg" /></p>
<p>还可以设置某个帐户仅发送，除了给力还是给力哟！</p>
<p style="text-align: center;"><a href="https://lh6.googleusercontent.com/_65ZfNm-tR48/TRYRsdpuu_I/AAAAAAAAEP4/FvHmms24IVQ/faware2.jpg?imgmax=800"><img class="pie-img" src="https://lh6.googleusercontent.com/_65ZfNm-tR48/TRYRsdpuu_I/AAAAAAAAEP4/FvHmms24IVQ/faware2.jpg?imgmax=400" alt="faware2.jpg" /></a></p>
<p>其它什么使用相信各位都懂的，另外墙内的童鞋用推特得输入API，这个得自己搭建咯～</p>
]]></content:encoded>
			<wfw:commentRss>http://immmmm.com/chrome-extensions-fawave.html/feed</wfw:commentRss>
		<slash:comments>88</slash:comments>
		</item>
		<item>
		<title>Chrome推特扩展 —— Chrowety</title>
		<link>http://immmmm.com/chrome%e6%8e%a8%e7%89%b9%e6%89%a9%e5%b1%95-%e2%80%94%e2%80%94-chrowety.html</link>
		<comments>http://immmmm.com/chrome%e6%8e%a8%e7%89%b9%e6%89%a9%e5%b1%95-%e2%80%94%e2%80%94-chrowety.html#comments</comments>
		<pubDate>Thu, 28 Jan 2010 07:37:39 +0000</pubDate>
		<dc:creator>林木木</dc:creator>
				<category><![CDATA[软件技巧]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Chrowety]]></category>
		<category><![CDATA[推特]]></category>

		<guid isPermaLink="false">http://immmmm.com/?p=1251</guid>
		<description><![CDATA[首先感谢sleepy童鞋推荐，留言截图： Chrowety 安装地址：https://chrome.google.com/extensions/detail/ffcbeckjmgmgigkmnhmgjplmomcpfall 进扩展选择，点击Other，填入自己的API： 保存后，点图标那的“API Login”： 有新的推特还会弹出显示哦，界面很酷：]]></description>
			<content:encoded><![CDATA[<p>首先感谢<a rel="external nofollow" href="http://www.hopes4.me/" target="_blank">sleepy</a>童鞋推荐，留言截图：</p>
<p style="text-align: center;"><img class="pie-img" src="http://lh4.googleusercontent.com/_65ZfNm-tR48/S2E6yYu1xVI/AAAAAAAADX0/rR6PuUxE4xA/chty0.jpg?imgmax=800" alt="chty0.jpg" /></p>
<p><strong>Chrowety 安装地址：</strong><a rel="nofollow" href="http://chrome.google.com/extensions/detail/ffcbeckjmgmgigkmnhmgjplmomcpfall" target="_blank">https://chrome.google.com/extensions/detail/ffcbeckjmgmgigkmnhmgjplmomcpfall</a></p>
<p><span id="more-1251"></span>进扩展选择，点击Other，填入自己的API：</p>
<p style="text-align: center;"><img class="pie-img" src="http://lh3.googleusercontent.com/_65ZfNm-tR48/S2E5mq83iKI/AAAAAAAADXo/ad7sdN2POXE/chty1.jpg?imgmax=800" alt="chty1.jpg" /></p>
<p>保存后，点图标那的“API Login”：</p>
<p style="text-align: center;"><img class="pie-img" src="http://lh4.googleusercontent.com/_65ZfNm-tR48/S2E5mw-XmTI/AAAAAAAADXs/JKgKW9ro8DY/chty2.jpg?imgmax=800" alt="chty2.jpg" /></p>
<p>有新的推特还会弹出显示哦，界面很酷：</p>
<p style="text-align: center;"><img class="pie-img" src="http://lh3.googleusercontent.com/_65ZfNm-tR48/S2E5mXbUCJI/AAAAAAAADXk/aL_vEsQhALM/chty3.jpg?imgmax=800" alt="chty3.jpg" /></p>
]]></content:encoded>
			<wfw:commentRss>http://immmmm.com/chrome%e6%8e%a8%e7%89%b9%e6%89%a9%e5%b1%95-%e2%80%94%e2%80%94-chrowety.html/feed</wfw:commentRss>
		<slash:comments>72</slash:comments>
		</item>
		<item>
		<title>Chrome推特扩展 —— Metrist</title>
		<link>http://immmmm.com/chrome-extensions-metrist.html</link>
		<comments>http://immmmm.com/chrome-extensions-metrist.html#comments</comments>
		<pubDate>Wed, 27 Jan 2010 07:45:57 +0000</pubDate>
		<dc:creator>林木木</dc:creator>
				<category><![CDATA[软件技巧]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Metrist]]></category>
		<category><![CDATA[推特]]></category>

		<guid isPermaLink="false">http://immmmm.com/?p=1250</guid>
		<description><![CDATA[话说前几天蓝冰童鞋免费帮俺开了个国外主机用来放PIKA插件，并且还偷偷说这主机还带SSH，至此终于让俺这“只耳闻，不曾有”的淫也有了通向世界的钥匙~HIAHIAHIA Metrist下载地址： http://code.google.com/p/chrome-metrist/ 下载安装，进入设置页面，用户名密码，主要是改一个地方： 还有其他一些设置，虽是英文的，猜猜应该也能明白大概，最后点击“Finish”即可！ 哦，忘了！欢迎 @linmumu]]></description>
			<content:encoded><![CDATA[<p>话说前几天<a href="http://vvvvvv.us/" target="_blank">蓝冰童鞋</a>免费帮俺开了个国外主机用来放PIKA插件，并且还偷偷说这主机还带SSH，至此终于让俺这“只耳闻，不曾有”的淫也有了通向世界的钥匙~HIAHIAHIA</p>
<p style="text-align: center;"><a class="highslide" rel="highslide" href="http://lh3.googleusercontent.com/_65ZfNm-tR48/S18KVGirNfI/AAAAAAAADWE/Qf2-L0HMbuc/tuite.jpg?imgmax=800"><img class="pie-img" src="http://lh3.googleusercontent.com/_65ZfNm-tR48/S18KVGirNfI/AAAAAAAADWE/Qf2-L0HMbuc/tuite.jpg?imgmax=400" alt="tuite.jpg" /></a></p>
<p><strong><span id="more-1250"></span>Metrist下载地址：</strong> <a href="http://code.google.com/p/chrome-metrist/">http://code.google.com/p/chrome-metrist/</a></p>
<p>下载安装，进入设置页面，用户名密码，主要是改一个地方：</p>
<p style="text-align: center;"><img class="pie-img" src="http://lh4.googleusercontent.com/_65ZfNm-tR48/S18ShUe3plI/AAAAAAAADWo/gZ4-TzJHEvc/tuite-1.jpg?imgmax=800" alt="tuite-1.jpg" /></p>
<p>还有其他一些设置，虽是英文的，猜猜应该也能明白大概，最后点击“Finish”即可！</p>
<p>哦，忘了！欢迎 <strong><span style="color: #3366ff;">@linmumu</span></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://immmmm.com/chrome-extensions-metrist.html/feed</wfw:commentRss>
		<slash:comments>62</slash:comments>
		</item>
		<item>
		<title>Chrome审查元素，学习DIV+CSS的利器</title>
		<link>http://immmmm.com/chrome-review-elements-learning-tool-for-div-css.html</link>
		<comments>http://immmmm.com/chrome-review-elements-learning-tool-for-div-css.html#comments</comments>
		<pubDate>Mon, 05 Oct 2009 04:36:12 +0000</pubDate>
		<dc:creator>林木木</dc:creator>
				<category><![CDATA[折腾无休]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[DIV]]></category>
		<category><![CDATA[审查元素]]></category>

		<guid isPermaLink="false">http://immmmm.com/?p=1197</guid>
		<description><![CDATA[首先申明，个人对Firefox的firebug插件，IE8的开发人员工具，不熟。此文也只以个人角度出发，对Chrome的审查元素的部分功能做个介绍。所以，各位童鞋大可不必争到底孰好孰坏，各取所需各选其好即可！ 使用Chrome的审查元素很简单，以小站wordpress的分类页为例： 打开页面——鼠标移到“折腾WP”——右键——审查元素 即弹出了审查元素的窗口： 我们看到导航中的“折腾WP”元素的源代码已经被高亮，整个页面源代码也以折叠方式展示在主体的左边部分。当我们移动鼠标到高亮的源代码上时，会发现页面上的“折腾WP”被突出显示了。当然同样把鼠标移到源代码的其他部分，页面上也会实时突出显示对应的部分，点选源代码中的其他部分后，右边内容也会即时改变。 那右边部分显示的又是什么呢？这里显示的主要是当前选中元素所对应的CSS代码，就是说可以从右边部分看到定义这个元素在此页面上显示的所有CSS代码。当我们把鼠标以过去时，每个CSS属性右边会出现一个打钩的小框框，点击小勾子就可单独取消此条CSS属性，同时，我们可以即时看到页面上元素的变化： 同时右边部分的Metrics内，还直观显示了此元素的框模型： 另外，我们也可以双击CSS属性，如双击“padding:8px 15px;”后就可修改数值和属性，并在修改完后按回车即可查看元素在页面上的变化： 由于对其它源代码查看工具不熟，不确定Chrome审查元素中的这样的一个功能： 折叠展示页面源代码+独立显示元素所对应定义的所有CSS属性+可即时修改CSS属性并直观展示在页面上 算不算一个很好使很强悍的一个功能了！ 当然，Chrome审查元素不单单就只有我所说的这些功能。但对我来说，仅我以上所说的这些，已足够我随心所欲地修改我小站的页面样式。另外，我也可以轻松地使用此功能，扒下其它网页酷炫的CSS样式为己所用~ 好了，要说的这就这些，更多内容就等各位童鞋来补充咯~~]]></description>
			<content:encoded><![CDATA[<p>首先申明，个人对Firefox的firebug插件，IE8的开发人员工具，不熟。此文也只以个人角度出发，对Chrome的审查元素的部分功能做个介绍。所以，各位童鞋大可不必争到底孰好孰坏，各取所需各选其好即可！</p>
<p>使用Chrome的审查元素很简单，以小站<a href="http://immmmm.com/wordpress">wordpress</a>的分类页为例：</p>
<p style="text-align: center;"><strong><span style="color: #3366ff;">打开页面——鼠标移到“折腾WP”——右键——审查元素</span></strong></p>
<p>即弹出了审查元素的窗口：<span id="more-1197"></span></p>
<p style="text-align: center;"><a class="highslide" rel="highslide" href="http://lh3.googleusercontent.com/_65ZfNm-tR48/SslmEtCbpOI/AAAAAAAAC0A/l1XvlWtkvfM/chrome1.jpg?imgmax=720"><img class="pie-img" src="http://lh3.googleusercontent.com/_65ZfNm-tR48/SslmEtCbpOI/AAAAAAAAC0A/l1XvlWtkvfM/chrome1.jpg?imgmax=512" alt="chrome1.jpg" /></a></p>
<p>我们看到导航中的“折腾WP”元素的源代码已经被高亮，整个<strong>页面源代码</strong>也以折叠方式展示在主体的左边部分。当我们移动鼠标到高亮的源代码上时，会发现页面上的“折腾WP”被突出显示了。当然同样把鼠标移到源代码的其他部分，页面上也会实时突出显示对应的部分，点选源代码中的其他部分后，右边内容也会即时改变。</p>
<p>那右边部分显示的又是什么呢？这里显示的主要是当前选中元素所<strong>对应的CSS代码</strong>，就是说可以从右边部分看到定义这个元素在此页面上显示的所有CSS代码。当我们把鼠标以过去时，每个CSS属性右边会出现一个打钩的小框框，点击小勾子就可单独取消此条CSS属性，同时，我们可以即时看到页面上元素的变化：</p>
<p style="text-align: center;"><img class="pie-img" src="http://lh5.googleusercontent.com/_65ZfNm-tR48/Sslv1tJBCzI/AAAAAAAAC0c/dAi2NyRzD0Q/chrome2.jpg?imgmax=720" alt="chrome2.jpg" /> <img class="pie-img" src="http://lh5.googleusercontent.com/_65ZfNm-tR48/Sslv2NBDD5I/AAAAAAAAC0g/j21n5CEWHcw/chrome3.jpg?imgmax=720" alt="chrome3.jpg" /></p>
<p>同时右边部分的Metrics内，还直观显示了此元素的<strong>框模型</strong>：</p>
<p style="text-align: center; "><img class="pie-img" src="http://lh4.googleusercontent.com/_65ZfNm-tR48/SslxWi542_I/AAAAAAAAC0k/scBoZLuVtbQ/chrome4.jpg?imgmax=720" alt="chrome4.jpg" /> <img class="pie-img" src="http://lh5.googleusercontent.com/_65ZfNm-tR48/SslxWzdsSaI/AAAAAAAAC0o/0VI3mVvbowI/chrome5.jpg?imgmax=720" alt="chrome5.jpg" /></p>
<p>另外，我们也可以双击CSS属性，如双击“padding:<span style="-webkit-box-sizing: border-box; color: black !important; text-decoration: none !important;">8px 15px</span>;”后就可修改数值和属性，并在修改完后按回车即可查看元素在页面上的变化：</p>
<p style="text-align: center;"><img class="pie-img" src="http://lh3.googleusercontent.com/_65ZfNm-tR48/Sslyh512uSI/AAAAAAAAC0s/fS2_FuV5BDI/chrome6.jpg?imgmax=720" alt="chrome6.jpg" /></p>
<p>由于对其它源代码查看工具不熟，不确定Chrome审查元素中的这样的一个功能：</p>
<p style="text-align: center; "><strong><span style="color: #3366ff;">折叠展示页面源代码+独立显示元素所对应定义的所有CSS属性+可即时修改CSS属性并直观展示在页面上</span></strong></p>
<p>算不算一个很好使很强悍的一个功能了！</p>
<p>当然，Chrome审查元素不单单就只有我所说的这些功能。但对我来说，仅我以上所说的这些，已足够我随心所欲地修改我小站的页面样式。另外，我也可以轻松地使用此功能，扒下其它网页酷炫的CSS样式为己所用~</p>
<p>好了，要说的这就这些，更多内容就等各位童鞋来补充咯~~</p>
]]></content:encoded>
			<wfw:commentRss>http://immmmm.com/chrome-review-elements-learning-tool-for-div-css.html/feed</wfw:commentRss>
		<slash:comments>34</slash:comments>
		</item>
	</channel>
</rss>

