<?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; 新浪</title>
	<atom:link href="http://www.ooso.net/tag/%e6%96%b0%e6%b5%aa/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ooso.net</link>
	<description>Linux + Apache + Mysql + Php + Flash</description>
	<lastBuildDate>Thu, 19 Jan 2012 01:21:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>推荐一下Firefox插件Stylish</title>
		<link>http://www.ooso.net/archives/408</link>
		<comments>http://www.ooso.net/archives/408#comments</comments>
		<pubDate>Sun, 01 Jun 2008 23:29:05 +0000</pubDate>
		<dc:creator>Volcano</dc:creator>
				<category><![CDATA[firefox]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[greasemonkey]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[新浪]]></category>

		<guid isPermaLink="false">http://www.ooso.net/?p=408</guid>
		<description><![CDATA[Stylish是这样一个firefox插件，你可以利用它来定制目标网页或网站的css样式，甚至一些firefox app的样式，让浏览效果更加舒适。而且在UserStyles网站上已经有不少现成的样式可供下载，让不会写css的普通用户也可以享受到它的便利。
其实Stylish和greasemonkey正好是一对，一个改变css，一个改变javascript。之前我写了一个用来看新浪新闻的greasemonkey脚本，这个脚本的大概原理是删除了新浪新闻页面上的右侧边栏，这样浏览的范围会更加宽一些，但是greasemonkey脚本会有这样一个缺点，它必须等到页面load完成之后，才开始生效，这样看上去会比较突兀，洋人对这个等待load的时间有个专有名词——flicker（这个词可不是指的图片网站flickr哦）。

				<span class="readmore"><a href="http://www.ooso.net/archives/408" title="推荐一下Firefox插件Stylish">阅读全文（968字）</a></span>]]></description>
			<content:encoded><![CDATA[<p><a href="https://addons.mozilla.org/en-US/firefox/addon/2108">Stylish</a>是这样一个firefox插件，你可以利用它来定制目标网页或网站的css样式，甚至一些firefox app的样式，让浏览效果更加舒适。而且在<a href="http://userstyles.org/">UserStyles</a>网站上已经有不少现成的样式可供下载，让不会写css的普通用户也可以享受到它的便利。</p>
<p>其实Stylish和greasemonkey正好是一对，一个改变css，一个改变javascript。之前我写了一个<a href="http://www.ooso.net/index.php/archives/302">用来看新浪新闻的greasemonkey脚本</a>，这个脚本的大概原理是删除了新浪新闻页面上的右侧边栏，这样浏览的范围会更加宽一些，但是greasemonkey脚本会有这样一个缺点，它必须等到页面load完成之后，才开始生效，这样看上去会比较突兀，洋人对这个等待load的时间有个专有名词——flicker（这个词可不是指的图片网站flickr哦）。</p>
<p>使用Stylish就可以有效避免flicker，它在页面最开始载入时就是生效的，也不会有greasemonkey产生的突兀效果了。比如我用来看新浪新闻的样式是这样的:</p>
<pre><code>@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http://news.sina.com.cn/") {
td.lc_blue {width:100%!important; font-size:1.2em;}
div.rightShell {display:none}
}</code></pre>
<p>这个css除了把侧边广告隐藏以外，还把新闻的字体调大，像我这样的近视眼就可以看的比较轻松了。其中的<a href="http://developer.mozilla.org/en/docs/CSS:%40-moz-document">-moz-document</a>关键字是消除flicker的关键：</p>
<blockquote><p>The @-moz-document rule is a Gecko-specific at-rule that restricts the style rules contained within it based on the URL of the document. It is designed primarily for user style sheets.</p></blockquote>
<p>所以要想写出避免flicker发生的greasemonkey脚本，最好是加上Stylish支持，用<b>-moz-document()</b>来隐藏会变化的html部分，待到页面载入完成之后，greasemonkey脚本就可以不慌不忙的处理后续事宜了。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ooso.net/archives/408/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>用来看新浪新闻的greasemonkey脚本</title>
		<link>http://www.ooso.net/archives/302</link>
		<comments>http://www.ooso.net/archives/302#comments</comments>
		<pubDate>Mon, 18 Feb 2008 13:23:36 +0000</pubDate>
		<dc:creator>Volcano</dc:creator>
				<category><![CDATA[firefox]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[greasemonkey]]></category>
		<category><![CDATA[插件]]></category>
		<category><![CDATA[新浪]]></category>

		<guid isPermaLink="false">http://www.ooso.net/index.php/archives/302</guid>
		<description><![CDATA[刚从灾区长沙回到北京，那段时间虽然是隔三岔五的停电停水，俺还没忘趁着来电爬到新浪上面看看近期新闻，也好对最近的形势有些了解。闲着无聊写了个greasemonkey脚本，把新浪的新闻页右边那块没营养的内容统统隐藏掉。
放出来给需要的同学下载。
安装这个脚本的步骤


				<span class="readmore"><a href="http://www.ooso.net/archives/302" title="用来看新浪新闻的greasemonkey脚本">阅读全文（248字）</a></span>]]></description>
			<content:encoded><![CDATA[<p>刚从灾区长沙回到北京，那段时间虽然是隔三岔五的停电停水，俺还没忘趁着来电爬到新浪上面看看近期新闻，也好对最近的形势有些了解。闲着无聊写了个<a href="/index.php?tag=greasemonkey">greasemonkey</a>脚本，把新浪的新闻页右边那块没营养的内容统统隐藏掉。</p>
<p>放出来给需要的同学下载。</p>
<h3>安装这个脚本的步骤</h3>
<ul>
<li>首先你必须是使用<a href="/index.php?tag=firefox">firefox</a>浏览器</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/748">安装greasemonkey插件</a></li>
<li><a href="http://customcode.googlecode.com/files/NewsSina.user.js">下载俺的NewsSina greasemonkey脚本</a>，如果你已经安装好greasemonkey，点击前面的链接应该会弹出一个安装窗口</li>
<li>去新浪的新闻页上看看，右边的内容还有吗？</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ooso.net/archives/302/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

