<?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>Becomin&#039; Charles &#187; web design</title>
	<atom:link href="http://sexywp.com/tags/web-design/feed" rel="self" type="application/rss+xml" />
	<link>http://sexywp.com</link>
	<description>Building another myself~~</description>
	<lastBuildDate>Fri, 27 Jan 2012 16:00:02 +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>折磨一下浏览器们，哈哈</title>
		<link>http://sexywp.com/make-all-my-browsers-tested.htm</link>
		<comments>http://sexywp.com/make-all-my-browsers-tested.htm#comments</comments>
		<pubDate>Fri, 04 Sep 2009 08:30:20 +0000</pubDate>
		<dc:creator>Charles</dc:creator>
				<category><![CDATA[工作相关]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[Web Browsers]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://sexywp.com/make-all-my-browsers-tested.htm</guid>
		<description><![CDATA[The Web Standards Project Acid Tests

http://www.acidtests.org/

“An acid test is a test used to confirm that a material such as jewellery is gold.”&#160; ---&#160; Wikipedia

<span class="readmore"><a href="http://sexywp.com/make-all-my-browsers-tested.htm" title="折磨一下浏览器们，哈哈">Keep Reading --- 828 words totally</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Flitespeed-web-server.htm&from=http%3A%2F%2Fsexywp.com%2Fmake-all-my-browsers-tested.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Web服务器LiteSpeed</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fweb-apps-ide-aptana-studio3.htm&from=http%3A%2F%2Fsexywp.com%2Fmake-all-my-browsers-tested.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Web开发专用IDE：Aptana Studio 3.0</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fwe-should-care-more-about-ieer.htm&from=http%3A%2F%2Fsexywp.com%2Fmake-all-my-browsers-tested.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">我们应该更关心IE的用户</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fflash-float-on-topest-layer.htm&from=http%3A%2F%2Fsexywp.com%2Fmake-all-my-browsers-tested.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">解决Flash内容总是漂浮于页面顶层的问题</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fbuild-web-server-on-wince-platform.htm&from=http%3A%2F%2Fsexywp.com%2Fmake-all-my-browsers-tested.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">在WinCE上搭建Web服务</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>The Web Standards Project <strong>Acid Tests</strong></p>
<p><a title="http://www.acidtests.org/" href="http://www.acidtests.org/">http://www.acidtests.org/</a></p>
<p>“An acid <a href="http://sexywp.com/tags/test" class="st_tag internal_tag" rel="tag" title="标签 test 下的日志">test</a> is a <a href="http://sexywp.com/tags/test" class="st_tag internal_tag" rel="tag" title="标签 test 下的日志">test</a> used to confirm that a material such as jewellery is gold.”&#160; ---&#160; Wikipedia</p>
<p> <span id="more-355"></span>
</p>
<p>Acid Test 恰如其字面意思，酸性实验，拿来测试一种珠宝首饰是否是黄金制成。这个词，现在已经作为词组进入了牛津词典，其引申意义为“决定性的试验；严峻考验”。</p>
<p>The <a href="http://www.webstandards.org/">Web Standards Project</a> is a grassroots coalition fighting for standards which ensure simple, affordable access to web technologies for all.</p>
<p>这个Web Standards Project则是一个草根组织，致力于推广Web标准的。我现在这里说的这个Acid Test就是他们推出的，用于检测浏览器对Web标准支持情况进行检测的一组测试。</p>
<p>每一种测试，都有其偏重的方面，能否通过测试和得分高低，并不能说明什么绝对问题，只是可以作为一种参考标准。因为执行测试很简单，所以我把自己手头的所有浏览器都测试了一遍。</p>
<table border="1" cellspacing="0" cellpadding="2" width="500">
<tbody>
<tr>
<td valign="top" width="174">浏览器</td>
<td valign="top" width="170">Acid3结果</td>
<td valign="top" width="154">用时</td>
</tr>
<tr>
<td valign="top" width="174">IE8</td>
<td valign="top" width="170">Fail 得分20</td>
<td valign="top" width="154">&#160;</td>
</tr>
<tr>
<td valign="top" width="174"><a href="http://sexywp.com/tags/firefox" class="st_tag internal_tag" rel="tag" title="标签 Firefox 下的日志">Firefox</a> 3.5.2</td>
<td valign="top" width="170">Pass 得分93</td>
<td valign="top" width="154">2.35s</td>
</tr>
<tr>
<td valign="top" width="174">Opera 9.27</td>
<td valign="top" width="170">Fail 得分47</td>
<td valign="top" width="154">&#160;</td>
</tr>
<tr>
<td valign="top" width="174">Opera 9.64</td>
<td valign="top" width="170">Pass 得分85</td>
<td valign="top" width="154">2.88s</td>
</tr>
<tr>
<td valign="top" width="174">Chrome 3.0</td>
<td valign="top" width="186">Pass 得分100</td>
<td valign="top" width="194">2.22s</td>
</tr>
<tr>
<td valign="top" width="174">Safari 4</td>
<td valign="top" width="186">Pass 得分100</td>
<td valign="top" width="194">2.68s</td>
</tr>
</tbody>
</table>
<p>Acid Test有3组，鉴于上述所有浏览器都完美地展现了1和2的结果，我也就没有列进去了。</p>
<p>上述结果，只是一个参考，我们可以看到一些事情，Webkit内核已经率先做好了对标准的支持，包括CSS3和HTML，其实Opera公司的Presto也同样做好了准备，我前些日子再Opera10 beta上跑过Acid3，发现也是100分，不过没有看执行时间。所以，基于Webkit内核的Chrome和Safari都得了满分，不过呢，貌似Chrome的脚本引擎确实要更先进一些，所以呢，Chrome更快。</p>
<p>上述列表中的大输家是IE8和Opera 9.27。Opera 9.2还情有可原，IE8实在是让人抱歉了，折腾了半天，对标准兼容还是这么差。不过，我还是想强调，这个测试不能说明大部分问题。因为这两个大输家，正是我日常使用最多的浏览器。（我平时使用的，就只有IE8，Firefox和Opera 9.27，其他都是调试用的。）事实上，我觉得IE8是微软历史上最好的浏览器了，甚至我觉得比Firefox 3.5.2要好用很多。其实，我很实在的，IE8真的要快上一个数量级了。至少在我的机子上是这样。对各类垃圾网页的兼容也很好。以前，我最常用的浏览器是Firefox，现在重心在向IE8转移。正所谓“一快遮三丑”，就是这个样子的。另外一个因素，就是Firefox绝对是内存杀手，只要开的程序稍多，我一定会先杀死这只狐狸。</p>
<p>我记忆如果没有偏差IE7是无法通过Acid2的，而IE8轻易过关，这表明了微软的一种姿态，还是支持Web标准的。其他可能是一些市场因素的考虑吧，所以才会变成现在这种结局。</p>
<p>写到这里，我也不知道要说些啥了，貌似胡乱扯了一堆东西。就这样吧。</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Flitespeed-web-server.htm&from=http%3A%2F%2Fsexywp.com%2Fmake-all-my-browsers-tested.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Web服务器LiteSpeed</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fweb-apps-ide-aptana-studio3.htm&from=http%3A%2F%2Fsexywp.com%2Fmake-all-my-browsers-tested.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Web开发专用IDE：Aptana Studio 3.0</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fwe-should-care-more-about-ieer.htm&from=http%3A%2F%2Fsexywp.com%2Fmake-all-my-browsers-tested.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">我们应该更关心IE的用户</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fflash-float-on-topest-layer.htm&from=http%3A%2F%2Fsexywp.com%2Fmake-all-my-browsers-tested.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">解决Flash内容总是漂浮于页面顶层的问题</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fbuild-web-server-on-wince-platform.htm&from=http%3A%2F%2Fsexywp.com%2Fmake-all-my-browsers-tested.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">在WinCE上搭建Web服务</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://sexywp.com/tags/test" title="test" rel="tag">test</a>, <a href="http://sexywp.com/tags/web-browsers" title="Web Browsers" rel="tag">Web Browsers</a>, <a href="http://sexywp.com/tags/web-design" title="web design" rel="tag">web design</a><br />
]]></content:encoded>
			<wfw:commentRss>http://sexywp.com/make-all-my-browsers-tested.htm/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>解决Flash内容总是漂浮于页面顶层的问题</title>
		<link>http://sexywp.com/flash-float-on-topest-layer.htm</link>
		<comments>http://sexywp.com/flash-float-on-topest-layer.htm#comments</comments>
		<pubDate>Wed, 03 Jun 2009 13:54:27 +0000</pubDate>
		<dc:creator>Charles</dc:creator>
				<category><![CDATA[工作相关]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://sexywp.com/flash-float-on-topest-layer.htm</guid>
		<description><![CDATA[已经有两个网友向我反应了Flash MP3 Player无法和lightbox之类插件兼容的问题，其症状为，当打开lightbox效果的图片时，flash movie会漂浮在整个页面的最顶层，破坏了lightbox的效果。

今天做了一点小小的调查，原来浏览器渲染嵌入页面的内容如flash movie或Java applet时，默认将它们放置于页面的最上层，忽略其z-index属性。所以，像lightbox这类插件，靠设置覆盖层的z-index属性来营造高亮效果的js脚本，基本无法做到覆盖掉页面上的flash movie。

<span class="readmore"><a href="http://sexywp.com/flash-float-on-topest-layer.htm" title="解决Flash内容总是漂浮于页面顶层的问题">Keep Reading --- 828 words totally</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fweb-apps-ide-aptana-studio3.htm&from=http%3A%2F%2Fsexywp.com%2Fflash-float-on-topest-layer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Web开发专用IDE：Aptana Studio 3.0</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fbuild-web-server-on-wince-platform.htm&from=http%3A%2F%2Fsexywp.com%2Fflash-float-on-topest-layer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">在WinCE上搭建Web服务</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Flitespeed-web-server.htm&from=http%3A%2F%2Fsexywp.com%2Fflash-float-on-topest-layer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Web服务器LiteSpeed</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fwe-should-care-more-about-ieer.htm&from=http%3A%2F%2Fsexywp.com%2Fflash-float-on-topest-layer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">我们应该更关心IE的用户</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fpage-speed-family.htm&from=http%3A%2F%2Fsexywp.com%2Fflash-float-on-topest-layer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Google用于提高网站质量的工具：Page Speed工具集</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>已经有两个网友向我反应了Flash MP3 Player无法和lightbox之类插件兼容的问题，其症状为，当打开lightbox效果的图片时，flash movie会漂浮在整个页面的最顶层，破坏了lightbox的效果。</p>
<p>今天做了一点小小的调查，原来浏览器渲染嵌入页面的内容如flash movie或Java applet时，默认将它们放置于页面的最上层，忽略其z-index属性。所以，像lightbox这类插件，靠设置覆盖层的z-index属性来营造高亮效果的js脚本，基本无法做到覆盖掉页面上的flash movie。</p>
<p> <span id="more-348"></span>
</p>
<p>Adobe公司给出了对于类似问题的解决办法，就是设置flash movie的wmode属性。</p>
<p>这个属性用于控制Flash 的窗口模式，其有三个取值：</p>
<blockquote><p><strong>window 模式</strong></p>
<p>默认情况下的显示模式，在这种模式下flash player有自己的窗口句柄，这就意味着flash影片是存在于Windows中的一个显示实例，并且是在浏览器核心显示窗口之上的，所以flash只是貌似显示在浏览器中，但这也是flash最快最有效率的渲染模式。由于他是独立于浏览器的HTML渲染表面，这就导致默认显示方式下flash总是会遮住位置与他重合的所有DHTML层。</p>
<p>但是大多数苹果电脑浏览器会允许DHTML层显示在flash之上，但当flash影片播放时会出现比较诡异的现象，比如DHTML层像被flash刮掉一块一样显示异常。</p>
<p><strong>Opaque 模式</strong></p>
<p>这是一种无窗口模式，在这种情况下flash player没有自己的窗口句柄，这就需要浏览器需要告诉flash player在浏览器的渲染表面绘制的时间和位置。这时flash影片就不会在高于浏览器HTML渲染表面而是与其他元素一样在同一个页面上,因此你就可以使用z-index值来控制DHTML元素是遮盖flash或者被遮盖。</p>
<p><strong>Transparent 模式</strong></p>
<p>透明模式，在这种模式下flash player会将stage的背景色alpha值将为0并且只会绘制stage上真实可见的对象，同样你也可以使用z-index来控制flash影片的深度值，但是与Opaque模式不同的是这样做会降低flash影片的回放效果，而且在9.0.115之前的flash player版本设置wmode=”opaque”或”transparent”会导致全屏模式失效。</p>
<p>了解了各种模式的实现方式和意义在以后的开发中就可以按照具体情况选择设置wmode属性的值了。</p>
</blockquote>
<p>我的插件之所以出现问题，就是因为我把wmode的值设定为了window，当然，这也是默认的值。从三种属性值的具体含义中，我们可以知道，无论是将wmode设定为opaque或者transparent，都可以解决问题，不过网上搜出来的结果，普遍只说了设成transparent这种，并且普遍不讲理由为何。</p>
<p>参考资料：</p>
<p><a href="http://www.blueidea.com/tech/web/2009/6469.asp">flash wmode 参数详解</a> </p>
<p><a href="http://kb2.adobe.com/cps/155/tn_15523.html">Flash content displays on top of all DHTML layers</a></p>
<p><a href="http://kb2.adobe.com/cps/142/tn_14201.html">How to make a Flash movie with a transparent background</a></p>
<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fweb-apps-ide-aptana-studio3.htm&from=http%3A%2F%2Fsexywp.com%2Fflash-float-on-topest-layer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Web开发专用IDE：Aptana Studio 3.0</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fbuild-web-server-on-wince-platform.htm&from=http%3A%2F%2Fsexywp.com%2Fflash-float-on-topest-layer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">在WinCE上搭建Web服务</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Flitespeed-web-server.htm&from=http%3A%2F%2Fsexywp.com%2Fflash-float-on-topest-layer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Web服务器LiteSpeed</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fwe-should-care-more-about-ieer.htm&from=http%3A%2F%2Fsexywp.com%2Fflash-float-on-topest-layer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">我们应该更关心IE的用户</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fpage-speed-family.htm&from=http%3A%2F%2Fsexywp.com%2Fflash-float-on-topest-layer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Google用于提高网站质量的工具：Page Speed工具集</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://sexywp.com/tags/development" title="development" rel="tag">development</a>, <a href="http://sexywp.com/tags/web-design" title="web design" rel="tag">web design</a><br />
]]></content:encoded>
			<wfw:commentRss>http://sexywp.com/flash-float-on-topest-layer.htm/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>[FireFox插件]—FireShot网页截屏利器</title>
		<link>http://sexywp.com/screen-shot-gun-for-firefox.htm</link>
		<comments>http://sexywp.com/screen-shot-gun-for-firefox.htm#comments</comments>
		<pubDate>Thu, 26 Feb 2009 10:36:27 +0000</pubDate>
		<dc:creator>Charles</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[add-ons]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://sexywp.com/?p=307</guid>
		<description><![CDATA[由于我一直爱好页面开发，所以，也经常要用到网页截屏，一直以来都是printscreen键，然后加mspaint.exe，经常干这个事情的，应该知道我在说什么吧。但是这个用法对于一般程序还行，对于网页来说，那是相当麻烦，因为，网页往往很长，一次只能显示一部分，要看整个页面的效果，不得不截屏多次，然后在PS里面拼接，那就十分累人了。

后来有一天，我实在受不了，就找来了这个东西FireShot。专门进行网页截图。

截图的时候，只要点一下那个按钮，或者具体的菜单项，可以选择只截取当前可视部分，或者整个页面。

<span class="readmore"><a href="http://sexywp.com/screen-shot-gun-for-firefox.htm" title="[FireFox插件]—FireShot网页截屏利器">Keep Reading --- 425 words totally</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fsome-problems-when-custom-firefox.htm&from=http%3A%2F%2Fsexywp.com%2Fscreen-shot-gun-for-firefox.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">玩玩Firefox美化</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fpage-speed-family.htm&from=http%3A%2F%2Fsexywp.com%2Fscreen-shot-gun-for-firefox.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Google用于提高网站质量的工具：Page Speed工具集</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fweb-apps-ide-aptana-studio3.htm&from=http%3A%2F%2Fsexywp.com%2Fscreen-shot-gun-for-firefox.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Web开发专用IDE：Aptana Studio 3.0</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fflash-float-on-topest-layer.htm&from=http%3A%2F%2Fsexywp.com%2Fscreen-shot-gun-for-firefox.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">解决Flash内容总是漂浮于页面顶层的问题</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Flitespeed-web-server.htm&from=http%3A%2F%2Fsexywp.com%2Fscreen-shot-gun-for-firefox.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Web服务器LiteSpeed</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p><img src="http://lh6.ggpht.com/_QYicOeu89Bk/SaTM1iurqHI/AAAAAAAABIg/Zk-qZm5rxCE/s400/fireshot-1.png" alt="FireShot screenshot" style="float:left;margin-right:15px;margin-bottom:10px;" /></p>
<p>由于我一直爱好页面开发，所以，也经常要用到网页截屏，一直以来都是printscreen键，然后加mspaint.exe，经常干这个事情的，应该知道我在说什么吧。但是这个用法对于一般程序还行，对于网页来说，那是相当麻烦，因为，网页往往很长，一次只能显示一部分，要看整个页面的效果，不得不截屏多次，然后在PS里面拼接，那就十分累人了。</p>
<p>后来有一天，我实在受不了，就找来了这个东西FireShot。专门进行网页截图。<span id="more-307"></span></p>
<p>截图的时候，只要点一下那个按钮，或者具体的菜单项，可以选择只截取当前可视部分，或者整个页面。</p>
<p>可以直接进入编辑页面，FireShot自带一个编辑器，可以截取网页上的一个局部。</p>
<p><img src="http://lh6.ggpht.com/_QYicOeu89Bk/SaTM1g3L8aI/AAAAAAAABIo/ErTWaF_pgZk/s400/fireshot-2.png" alt="FireShot Edit Window" /></p>
<p>图片自动命名，自动压缩成png格式，优化的相当好。我的网页全部截取下来700K不到。</p>
<p><a href="http://picasaweb.google.com/lh/photo/z0bBpZtqb0J0sMjzm6AmUQ?feat=embedwebsite"><img src="http://lh5.ggpht.com/_QYicOeu89Bk/SaTM17sJnHI/AAAAAAAABIw/U9eJQtcIzhk/s288/fireshot-3.png" alt="FireShot Effect" /></a></p>
<p>装在Firefox上后，它会提示，要不要安装IE版本。这点我也是超级喜欢的。因为对于一个Web开发者来说，能在两款主流浏览器下面截图，还是非常重要的。</p>
<p>这款插件有其对应的Pro版本，不过是收费的，可以试用30天，最后不买可以退回免费版。</p>
<p>希望大家喜欢。</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/5648">Mozilla官方下载页面</a> | <a href="http://screenshot-program.com/fireshot/">FireShot插件主页</a> | <a href="https://addons.mozilla.org/en-US/firefox/downloads/latest/5648/platform:5">下载链接（For WinXP Pro）</a></p>
<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fsome-problems-when-custom-firefox.htm&from=http%3A%2F%2Fsexywp.com%2Fscreen-shot-gun-for-firefox.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">玩玩Firefox美化</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fpage-speed-family.htm&from=http%3A%2F%2Fsexywp.com%2Fscreen-shot-gun-for-firefox.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Google用于提高网站质量的工具：Page Speed工具集</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fweb-apps-ide-aptana-studio3.htm&from=http%3A%2F%2Fsexywp.com%2Fscreen-shot-gun-for-firefox.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Web开发专用IDE：Aptana Studio 3.0</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fflash-float-on-topest-layer.htm&from=http%3A%2F%2Fsexywp.com%2Fscreen-shot-gun-for-firefox.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">解决Flash内容总是漂浮于页面顶层的问题</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Flitespeed-web-server.htm&from=http%3A%2F%2Fsexywp.com%2Fscreen-shot-gun-for-firefox.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Web服务器LiteSpeed</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://sexywp.com/tags/add-ons" title="add-ons" rel="tag">add-ons</a>, <a href="http://sexywp.com/tags/firefox" title="Firefox" rel="tag">Firefox</a>, <a href="http://sexywp.com/tags/tools" title="tools" rel="tag">tools</a>, <a href="http://sexywp.com/tags/web-design" title="web design" rel="tag">web design</a><br />
]]></content:encoded>
			<wfw:commentRss>http://sexywp.com/screen-shot-gun-for-firefox.htm/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>风鬼！分析用户注意力焦点的人工智能</title>
		<link>http://sexywp.com/feng-gui.htm</link>
		<comments>http://sexywp.com/feng-gui.htm#comments</comments>
		<pubDate>Sun, 19 Oct 2008 03:13:28 +0000</pubDate>
		<dc:creator>Charles</dc:creator>
				<category><![CDATA[日　　记]]></category>
		<category><![CDATA[interesting things]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.charlestang.cn/?p=251</guid>
		<description><![CDATA[想知道用户在浏览你的页面时，其注意力焦点是怎样流动的吗？

风鬼（Feng-Gui）就是这样一个Web应用，它使用人工智能模拟人类的视觉，分析用户在第一次浏览一个网页时，前5秒钟注意力的焦点所在。使用这个工具，你可以发觉用户是怎样查看你的网页的，那些图片或者广告可以吸引他们的注意力。

这个工具工作方式是对图片（网页截图，普通照片也可以，比如摄影作品）进行分析（因为模拟的是视觉），结果以热图+状态转换图的方式呈现。

<span class="readmore"><a href="http://sexywp.com/feng-gui.htm" title="风鬼！分析用户注意力焦点的人工智能">Keep Reading --- 277 words totally</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="近况汇报" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Frecent-days.htm&from=http%3A%2F%2Fsexywp.com%2Ffeng-gui.htm">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 45px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">近况汇报</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="参观雪龙号" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fxue-long.htm&from=http%3A%2F%2Fsexywp.com%2Ffeng-gui.htm">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/05/25/9536497.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 45px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">参观雪龙号</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="天啊！Google Code中文版……" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fgoogle-code.htm&from=http%3A%2F%2Fsexywp.com%2Ffeng-gui.htm">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 45px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">天啊！Google Code中文版……</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="食物是怎么活过来的" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Flive-fruit-and-bread.htm&from=http%3A%2F%2Fsexywp.com%2Ffeng-gui.htm">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/06/02/10685311.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 45px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">食物是怎么活过来的</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="关于键盘你可能不知道的事~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fsomething-about-keyboard.htm&from=http%3A%2F%2Fsexywp.com%2Ffeng-gui.htm">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/06/18/13082954.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 45px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关于键盘你可能不知道的事~</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>想知道用户在浏览你的页面时，其注意力焦点是怎样流动的吗？</p>
<p><a href="http://www.feng-gui.com/default.aspx">风鬼（Feng-Gui）</a>就是这样一个Web应用，它使用人工智能模拟人类的视觉，分析用户在第一次浏览一个网页时，前5秒钟注意力的焦点所在。使用这个工具，你可以发觉用户是怎样查看你的网页的，那些图片或者广告可以吸引他们的注意力。</p>
<p>这个工具工作方式是对图片（网页截图，普通照片也可以，比如摄影作品）进行分析（因为模拟的是视觉），结果以<strong>热图+状态转换图</strong>的方式呈现。<br />
<span id="more-251"></span></p>
<table style="width:auto;">
<tr>
<td><a href="http://picasaweb.google.com/lh/photo/mBs_U2ZSDBeMtbjLjQtW-A"><img src="http://lh6.ggpht.com/TangChao.ZJU/SPqjh7gEbYI/AAAAAAAAAyM/phI7fNj1TOc/s400/fenggui.png" /></a></td>
</tr>
<tr>
<td style="font-family:arial,sans-serif; font-size:11px; text-align:right">本站截图的分析结果</td>
</tr>
</table>
<p>这个应用具体的原理我不是很清楚，但是有用户留言，他使用这个工具帮助分析，确实提高了广告的点击率。</p>
<p>不管有效无效，试试总是可以的，去玩玩吧~~ ^_^</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="近况汇报" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Frecent-days.htm&from=http%3A%2F%2Fsexywp.com%2Ffeng-gui.htm">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 45px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">近况汇报</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="参观雪龙号" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fxue-long.htm&from=http%3A%2F%2Fsexywp.com%2Ffeng-gui.htm">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/05/25/9536497.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 45px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">参观雪龙号</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="天啊！Google Code中文版……" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fgoogle-code.htm&from=http%3A%2F%2Fsexywp.com%2Ffeng-gui.htm">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 45px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">天啊！Google Code中文版……</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="食物是怎么活过来的" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Flive-fruit-and-bread.htm&from=http%3A%2F%2Fsexywp.com%2Ffeng-gui.htm">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/06/02/10685311.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 45px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">食物是怎么活过来的</font>
                    </a>
                </td>
                <td width="86" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="关于键盘你可能不知道的事~" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fsomething-about-keyboard.htm&from=http%3A%2F%2Fsexywp.com%2Ffeng-gui.htm">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 80px !important; height: 80px !important;" src="http://static.wumii.com/site_images/2011/06/18/13082954.jpg" width="80px" height="80px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 86px !important; font: 12px/15px arial !important; height: 45px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关于键盘你可能不知道的事~</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://sexywp.com/tags/interesting-things" title="interesting things" rel="tag">interesting things</a>, <a href="http://sexywp.com/tags/web-design" title="web design" rel="tag">web design</a><br />
]]></content:encoded>
			<wfw:commentRss>http://sexywp.com/feng-gui.htm/feed</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>我们应该更关心IE的用户</title>
		<link>http://sexywp.com/we-should-care-more-about-ieer.htm</link>
		<comments>http://sexywp.com/we-should-care-more-about-ieer.htm#comments</comments>
		<pubDate>Mon, 28 Apr 2008 18:05:29 +0000</pubDate>
		<dc:creator>Charles</dc:creator>
				<category><![CDATA[工作相关]]></category>
		<category><![CDATA[opinion]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.charlestang.cn/?p=66</guid>
		<description><![CDATA[浏览器名称

所占比例–总访问量



<span class="readmore"><a href="http://sexywp.com/we-should-care-more-about-ieer.htm" title="我们应该更关心IE的用户">Keep Reading --- 334 words totally</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Flitespeed-web-server.htm&from=http%3A%2F%2Fsexywp.com%2Fwe-should-care-more-about-ieer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Web服务器LiteSpeed</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fweb-apps-ide-aptana-studio3.htm&from=http%3A%2F%2Fsexywp.com%2Fwe-should-care-more-about-ieer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Web开发专用IDE：Aptana Studio 3.0</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fmake-all-my-browsers-tested.htm&from=http%3A%2F%2Fsexywp.com%2Fwe-should-care-more-about-ieer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">折磨一下浏览器们，哈哈</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fbuild-web-server-on-wince-platform.htm&from=http%3A%2F%2Fsexywp.com%2Fwe-should-care-more-about-ieer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">在WinCE上搭建Web服务</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fie7-donnot-support-focus.htm&from=http%3A%2F%2Fsexywp.com%2Fwe-should-care-more-about-ieer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">IE7不支持focus伪类的解决办法</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<table width=75% style="border-collapse: collapse;border:1px solid #444">
<thead style="font-weight:bold;color:#aaa">
<tr>
<td>浏览器名称</td>
<td>所占比例–总访问量</td>
</tr>
</thead>
<tbody>
<TR><TD>MSIE 7.0</td>
<p><TD>42.3% - 423</td>
</tr>
<p><TR><TD>MSIE 6.0</td>
<p><TD>32.6% - 326</td>
</tr>
<p><TR><TD><a href="http://sexywp.com/tags/firefox" class="st_tag internal_tag" rel="tag" title="标签 Firefox 下的日志">firefox</a></td>
<p><TD>21.1% - 211</td>
</tr>
<p><TR><TD>MyIE</td>
<p><TD>2.7% - 27</td>
</tr>
<p><TR><TD>Opera</td>
<p><TD>0.6% - 6</td>
</tr>
<p><TR><TD>TencentTraveler</td>
<p><TD>0.5% - 5</td>
</tr>
</tbody>
</table>
<p>3月5日本博客开通以来，浏览器使用情况如上所示。可以清晰地看到，IE用户占到了78.3%，非IE的占到21.7%。不管我有多么喜欢标准，多么憎恨非标准的IE，数据都在像我述说一个真正的事实，用户们都在用它，或者缩小点范围，中国的用户们大多在用它。</p>
<p>结论很简单，我们应该更加关心使用IE的用户的体验。让网页在IE下面有好的展示效果。其他的都是虚的。按照以人为本的原则，我们应该根据用户而修改标准，而不是为了推行标准而抛弃用户。</p>
<p>不得不承认，这是一个超级痛苦的抉择。标准无疑是无比诱人的。但是用户更诱人。我个人来说，我还是选择极尽我一个网页设计爱好者的全部力量，在尽可能保证用户体验的前提下，推行标准吧。</p>
<p>谁来告诉我，打了折扣的标准，是否还标准呢？</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Flitespeed-web-server.htm&from=http%3A%2F%2Fsexywp.com%2Fwe-should-care-more-about-ieer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Web服务器LiteSpeed</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fweb-apps-ide-aptana-studio3.htm&from=http%3A%2F%2Fsexywp.com%2Fwe-should-care-more-about-ieer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">Web开发专用IDE：Aptana Studio 3.0</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fmake-all-my-browsers-tested.htm&from=http%3A%2F%2Fsexywp.com%2Fwe-should-care-more-about-ieer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">折磨一下浏览器们，哈哈</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fbuild-web-server-on-wince-platform.htm&from=http%3A%2F%2Fsexywp.com%2Fwe-should-care-more-about-ieer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">在WinCE上搭建Web服务</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsexywp.com%2Fie7-donnot-support-focus.htm&from=http%3A%2F%2Fsexywp.com%2Fwe-should-care-more-about-ieer.htm">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">IE7不支持focus伪类的解决办法</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>
	标签：<a href="http://sexywp.com/tags/opinion" title="opinion" rel="tag">opinion</a>, <a href="http://sexywp.com/tags/web-design" title="web design" rel="tag">web design</a><br />
]]></content:encoded>
			<wfw:commentRss>http://sexywp.com/we-should-care-more-about-ieer.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

