<?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>Cutsin受难记</title>
	<atom:link href="http://blog.moonless.net/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.moonless.net</link>
	<description></description>
	<lastBuildDate>Sat, 12 May 2012 02:07:28 +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>想你所想的CSS Variables Module Level 1</title>
		<link>http://blog.moonless.net/2012/04/%e6%83%b3%e4%bd%a0%e6%89%80%e6%83%b3%e7%9a%84css-variables-module-level-1/</link>
		<comments>http://blog.moonless.net/2012/04/%e6%83%b3%e4%bd%a0%e6%89%80%e6%83%b3%e7%9a%84css-variables-module-level-1/#comments</comments>
		<pubDate>Sun, 29 Apr 2012 00:54:33 +0000</pubDate>
		<dc:creator>Cutsin</dc:creator>
				<category><![CDATA[Web技术及应用]]></category>

		<guid isPermaLink="false">http://blog.moonless.net/?p=414</guid>
		<description><![CDATA[08、09年那会各种“CSS框架”满天飞，并初次了解到less，但觉得没什么意思； 然后就从hax处看到对此的批驳，并第一次看到Bert Bos在08年发表的一篇论文：《Why variables in CSS are harmful》，但觉得无论是不靠谱的“框架”，还是莫须有的CSS Variables都太遥远，了解了一下就敷衍过去了； 时代在发展。 近些年在身边又开始听到关于less/scss/stylus的讨论，断断续续绵延良久，数次保留意见无果，遂想祭出CSS规范制定者之一的文章唬唬他们（:P）； 但时隔多年，仍未有译文出现，想了想，决定以自己三脚猫的E文斗胆全文翻译一下…… 年初查阅资料的过程中又发现了http://dev.w3.org/csswg/css-variables/，貌似是从11年开始撰写，这可是个超赞的想法！ 于是又在犹豫是否要继续那篇已稍显过时论文的翻译，加上后来不慎受伤（至今仍有后遗症），已过半的译稿搁置许久…… 今天正准备重新打开译稿时，却发现这个提案已赫然并入TR目录：http://www.w3.org/TR/css-variables/ 囧~ 还是去吃早饭吧……]]></description>
			<content:encoded><![CDATA[<p>08、09年那会各种“CSS框架”满天飞，并初次了解到less，但觉得没什么意思；<br />
然后就从<a href="http://hax.iteye.com/blog/500015" target="_blank">hax</a>处看到对此的批驳，并第一次看到Bert Bos在08年发表的一篇论文：<a href="http://www.w3.org/People/Bos/CSS-variables" target="_blank">《Why variables in CSS are harmful》</a>，但觉得无论是不靠谱的“框架”，还是莫须有的CSS Variables都太遥远，了解了一下就敷衍过去了；</p>
<p>时代在发展。</p>
<p>近些年在身边又开始听到关于less/scss/stylus的讨论，断断续续绵延良久，数次保留意见无果，遂想祭出CSS规范制定者之一的文章唬唬他们（:P）；<br />
但时隔多年，仍未有译文出现，想了想，决定以自己三脚猫的E文斗胆全文翻译一下……</p>
<p>年初查阅资料的过程中又发现了<a href="http://dev.w3.org/csswg/css-variables/" target="_blank">http://dev.w3.org/csswg/css-variables/</a>，貌似是从11年开始撰写，这可是个超赞的想法！<br />
于是又在犹豫是否要继续那篇已稍显过时论文的翻译，加上后来不慎受伤（至今仍有后遗症），已过半的译稿搁置许久……</p>
<p>今天正准备重新打开译稿时，却发现这个提案已赫然并入TR目录：<a href="http://www.w3.org/TR/css-variables/" target="_blank">http://www.w3.org/TR/css-variables/</a> 囧~</p>
<p>还是去吃早饭吧……</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.moonless.net/2012/04/%e6%83%b3%e4%bd%a0%e6%89%80%e6%83%b3%e7%9a%84css-variables-module-level-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>认知</title>
		<link>http://blog.moonless.net/2011/09/%e8%ae%a4%e7%9f%a5/</link>
		<comments>http://blog.moonless.net/2011/09/%e8%ae%a4%e7%9f%a5/#comments</comments>
		<pubDate>Tue, 20 Sep 2011 07:35:33 +0000</pubDate>
		<dc:creator>Cutsin</dc:creator>
				<category><![CDATA[生活琐事]]></category>

		<guid isPermaLink="false">http://blog.moonless.net/?p=402</guid>
		<description><![CDATA[看了历史频道的《远古外星人》，你就会发现：什么圣经、佛法这些全都是扯 人往往只相信自己所能认识得到的 一切皆有可能，信什么都无所谓 一切只有一个原因：谁都无法接触到事实 太无知了 如果谁能给我一切的一切的的事实、答案，我现在死都可以 娱乐的根源也在于：有你未知的东西 唯心、唯经验，我都烦 不过，每次去乡下干活，站在地里、山上，都会对以下几个字印象深刻： 然后看着来乡下玩的城里人，我脑子里总闪过一个印象： sb们…… 各种装…… 圈子、圈子、圈子…… 圈子跟圈子根本没有交集，但人可以改变他的属性 或者说是角色转换 书上总说“内心无比丑恶” 以前只觉得是个字面意思而已，仔细想想，我心里再丑恶，别人不知道 我想把周围的人聚在一个屋子里，然后全杀了，别人也不知道 避免极端的最好方法，就是设想各种极端； 避免丑恶的最好方法，就是模拟各种丑恶； 总担心害怕什么，就去正视什么 这样很坦荡，舒服 所谓不问时事，不理诘讽，可多活几年，就是这个意思…… 教育，其实也是个自我认知的过程 所以我喜欢看牛人的平易近人的自传，他们总有很多对生活的认知 看正确的书，活想要的人生，呵呵。]]></description>
			<content:encoded><![CDATA[<p>看了历史频道的《远古外星人》，你就会发现：什么圣经、佛法这些全都是扯</p>
<p>人往往只相信自己所能认识得到的</p>
<p>一切皆有可能，信什么都无所谓</p>
<p>一切只有一个原因：谁都无法接触到事实</p>
<p>太无知了</p>
<p>如果谁能给我一切的一切的的事实、答案，我现在死都可以</p>
<p>娱乐的根源也在于：有你未知的东西</p>
<p>唯心、唯经验，我都烦</p>
<p>不过，每次去乡下干活，站在地里、山上，都会对以下几个字印象深刻：</p>
<p>然后看着来乡下玩的城里人，我脑子里总闪过一个印象：<br />
sb们……<br />
各种装……</p>
<p>圈子、圈子、圈子……<br />
圈子跟圈子根本没有交集，但人可以改变他的属性<br />
或者说是角色转换</p>
<p>书上总说“内心无比丑恶”</p>
<p>以前只觉得是个字面意思而已，仔细想想，我心里再丑恶，别人不知道</p>
<p>我想把周围的人聚在一个屋子里，然后全杀了，别人也不知道</p>
<p>避免极端的最好方法，就是设想各种极端；<br />
避免丑恶的最好方法，就是模拟各种丑恶；</p>
<p>总担心害怕什么，就去正视什么<br />
这样很坦荡，舒服</p>
<p>所谓不问时事，不理诘讽，可多活几年，就是这个意思……</p>
<p>教育，其实也是个自我认知的过程</p>
<p>所以我喜欢看牛人的平易近人的自传，他们总有很多对生活的认知</p>
<p>看正确的书，活想要的人生，呵呵。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.moonless.net/2011/09/%e8%ae%a4%e7%9f%a5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>一些过去的事</title>
		<link>http://blog.moonless.net/2011/09/%e4%b8%80%e4%ba%9b%e8%bf%87%e5%8e%bb%e7%9a%84%e4%ba%8b/</link>
		<comments>http://blog.moonless.net/2011/09/%e4%b8%80%e4%ba%9b%e8%bf%87%e5%8e%bb%e7%9a%84%e4%ba%8b/#comments</comments>
		<pubDate>Fri, 02 Sep 2011 11:16:02 +0000</pubDate>
		<dc:creator>Cutsin</dc:creator>
				<category><![CDATA[生活琐事]]></category>

		<guid isPermaLink="false">http://blog.moonless.net/?p=387</guid>
		<description><![CDATA[出场角色：他、Komo（他的前任Leader）、Alex（他的同事）、Robin（他的现任Leader）、Haven（现任交互设计师） 1、 他刚来的时候，经常不听Komo的意见和建议，对于产品的看法，几乎听不进别人的意见； 2、 有一次因为什么事，他和Komo吵得很厉害，Komo很怒， 然后Alex把他叫到另一个办公室，告诉他为什么、哪里有问题； 后来他独自一人站在公司楼下抽烟、抹眼泪， 正好我经过，他想跟我聊聊，然后就诉苦：不被理解、认为Alex他们也没什么能力之类， 我只能安慰他、讲道理，告诉他机会在哪里，什么时候会出现…… 聊了近一个小时，分开时他说很感谢我 3、 他即将转正的时候，Komo不想留下他，然后问了Alex的意见， Alex说他年轻，需要磨砺，可以再给他一些机会， 然后他留下来了，往后的日子里，我和他不断有些接触，谈谈理想、聊聊琐事， 他说他的理想是做出一个像douban.com那样了不起的产品 一切都很正常、平静。 4、 Komo没等到新项目上线就离职了，由于一些原因，他受命接任产品经理， 但在这期间“他对产品设计上没有提出任何实质性意见和改变，甚至在产品上没有任何的想法。” ——我以为如此。 可能由于直接向Robin汇报，或者什么别的原因，他开始膨胀，对大家的也态度急转直下； 他在行动上很积极，跑来跑去的，看上去很负责任， 只是他不再虚心做产品设计了（虚心——也许试用期的时候就没有过，尽管他身边贴着座右铭“兼听”） 他像个项目经理，不断地盯每个节点，询问resource； 他也像一个测试经理，甚至捧着计算机有事没事地在你旁边等你解决bug，天天催着bug什么时间能解决； 他更像个大Leader，每天把大家叫在一起站成一个圈，挨个问询； 他让自己”忙”起来了。 我不知道他在忙什么，我没有看到他忙的事情对上线、效率或是别的有什么帮助。 5、 这期间，我几次听到他跟某些同事在嘲笑Alex； 而当他以任何方式表现出对Alex的不屑时，他并不知道我上面提到的第3件事。 此时我对他的不满情绪开始流于言表。 6、 一个小团队去封闭开发了，他在其中。 他仍扮演着项目经理的角色，“遥控指挥”着仍在本部的大家。——我理解为指手画脚。 一件事情的发生，也是促使我写下这篇文字的原因之一： 大Boss提出对一个外部接口的修改需求； 他不负责任地（在我看来）开始推进提案，到我这个环节时， 发现许多一看就不合理的问题（有人说是拍脑袋——我觉得这次是拍屁股）； 我把提案退回需求方，提供了这个东西的来龙去脉、原始需求、当前实现、衍生产品的展现； 然后他一个电话打过来：”你觉得有什么问题？！” 我@#%$%@^，我的情绪开始激动，一顿争吵后不了了之； 其他细节就不说了，后来把本应这个环节解决的问题推给了UI组的Leader； 后来封闭暂停了，他回来后，又来絮絮叨叨问这问那（都明确说自己不负责了，还来磨叽什么？）， 我情绪全写在脸上，无法忍受，抽身离去， 他在后面高声质问了我一句：“xxx你态度能好一点么？这已经不是第一次了！” ——好，我承认我态度有问题，但想不出他是否能承认什么 不靠谱的改动仍在继续，临上线前，除了之前几个没人愿意搭理的问题（比如接口、衍生产品的展现）外，都18:00了，还在fix 2个明显缺陷：1是乱码；2是交互缺陷； Haven的表现也很让人失望，本已点头确认的确是有问题了， 而且我也给出2个方案并明确告知”交互的事情你说了算”， 最后却说：”那这是他给的文案”、”来不及修改了”…… 这明显是基于”不担别人责任”、”自己只负责好自己的东西”的想法么！ 最后测试同学熬到20:00还在测，也是建议不上线，but无人回应，还是上线了。 此时他应该早已淡忘了我上面提到的第2件事。 [...]]]></description>
			<content:encoded><![CDATA[<p>出场角色：他、Komo（他的前任Leader）、Alex（他的同事）、Robin（他的现任Leader）、Haven（现任交互设计师）</p>
<p>1、<br />
他刚来的时候，经常不听Komo的意见和建议，对于产品的看法，几乎听不进别人的意见；</p>
<p>2、<br />
有一次因为什么事，他和Komo吵得很厉害，Komo很怒，<br />
然后Alex把他叫到另一个办公室，告诉他为什么、哪里有问题；<br />
后来他独自一人站在公司楼下抽烟、抹眼泪，<br />
正好我经过，他想跟我聊聊，然后就诉苦：不被理解、认为Alex他们也没什么能力之类，<br />
我只能安慰他、讲道理，告诉他机会在哪里，什么时候会出现……<br />
聊了近一个小时，分开时他说很感谢我</p>
<p>3、<br />
他即将转正的时候，Komo不想留下他，然后问了Alex的意见，<br />
Alex说他年轻，需要磨砺，可以再给他一些机会，<br />
然后他留下来了，往后的日子里，我和他不断有些接触，谈谈理想、聊聊琐事，<br />
他说他的理想是做出一个像douban.com那样了不起的产品<br />
一切都很正常、平静。</p>
<p>4、<br />
Komo没等到新项目上线就离职了，由于一些原因，他受命接任产品经理，<br />
但在这期间“他对产品设计上没有提出任何实质性意见和改变，甚至在产品上没有任何的想法。”<br />
——我以为如此。<br />
可能由于直接向Robin汇报，或者什么别的原因，他开始膨胀，对大家的也态度急转直下；<br />
他在行动上很积极，跑来跑去的，看上去很负责任，<br />
只是他不再虚心做产品设计了（虚心——也许试用期的时候就没有过，尽管他身边贴着座右铭“兼听”）<br />
他像个项目经理，不断地盯每个节点，询问resource；<br />
他也像一个测试经理，甚至捧着计算机有事没事地在你旁边等你解决bug，天天催着bug什么时间能解决；<br />
他更像个大Leader，每天把大家叫在一起站成一个圈，挨个问询；<br />
他让自己”忙”起来了。<br />
我不知道他在忙什么，我没有看到他忙的事情对上线、效率或是别的有什么帮助。</p>
<p>5、<br />
这期间，我几次听到他跟某些同事在嘲笑Alex；<br />
而当他以任何方式表现出对Alex的不屑时，他并不知道我上面提到的第3件事。<br />
此时我对他的不满情绪开始流于言表。</p>
<p>6、<br />
一个小团队去封闭开发了，他在其中。<br />
他仍扮演着项目经理的角色，“遥控指挥”着仍在本部的大家。——我理解为指手画脚。</p>
<p>一件事情的发生，也是促使我写下这篇文字的原因之一：</p>
<blockquote><p>
    大Boss提出对一个外部接口的修改需求；<br />
    他不负责任地（在我看来）开始推进提案，到我这个环节时，<br />
发现许多一看就不合理的问题（有人说是拍脑袋——我觉得这次是拍屁股）；<br />
    我把提案退回需求方，提供了这个东西的来龙去脉、原始需求、当前实现、衍生产品的展现；<br />
    然后他一个电话打过来：”你觉得有什么问题？！”<br />
		我@#%$%@^，我的情绪开始激动，一顿争吵后不了了之；<br />
    其他细节就不说了，后来把本应这个环节解决的问题推给了UI组的Leader；</p>
<p>		后来封闭暂停了，他回来后，又来絮絮叨叨问这问那（都明确说自己不负责了，还来磨叽什么？），<br />
		我情绪全写在脸上，无法忍受，抽身离去，<br />
他在后面高声质问了我一句：“xxx你态度能好一点么？这已经不是第一次了！” ——好，我承认我态度有问题，但想不出他是否能承认什么</p>
<p>		不靠谱的改动仍在继续，临上线前，除了之前几个没人愿意搭理的问题（比如接口、衍生产品的展现）外，都18:00了，还在fix 2个明显缺陷：1是乱码；2是交互缺陷；<br />
		Haven的表现也很让人失望，本已点头确认的确是有问题了，<br />
而且我也给出2个方案并明确告知”交互的事情你说了算”，<br />
最后却说：”那这是他给的文案”、”来不及修改了”……<br />
		这明显是基于”不担别人责任”、”自己只负责好自己的东西”的想法么！<br />
		最后测试同学熬到20:00还在测，也是建议不上线，but无人回应，还是上线了。
</p></blockquote>
<p>此时他应该早已淡忘了我上面提到的第2件事。</p>
<p>7、（这里是后话了）<br />
第6件事中的项目上线后，出现了一系列问题，Boss开始问责；<br />
我把所有的事情，都告诉大Leader了，大Leader人很好，也很诚恳，但，仅仅是我被安抚了。</p>
<p>其实我比较淡定，因为之前看了一篇有如醍醐灌顶的文章：<a href="http://coolshell.cn/articles/4951.html" target="_blank">http://coolshell.cn/articles/4951.html</a></p>
<p>愚以为这件事情，可能还是大家做事到底是面向项目，还是面向产品，或是面向团队的问题。</p>
<p>上面提到Haven的表现，其实不怪他，很多同事都是这样的想法，包括我最后也在说”好，我听你们的”——我累了。</p>
<p>过去的事情，就让它过去了；<br />
过去的教训，不会随便就忘了；<br />
要求信任、不要多想，也不是靠说就能”纠正”了的；</p>
<p>我明白自己需要改掉的缺点还很多……<br />
很多人总以为我们要走的路还很长……</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.moonless.net/2011/09/%e4%b8%80%e4%ba%9b%e8%bf%87%e5%8e%bb%e7%9a%84%e4%ba%8b/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>困惑</title>
		<link>http://blog.moonless.net/2011/08/%e5%9b%b0%e6%83%91/</link>
		<comments>http://blog.moonless.net/2011/08/%e5%9b%b0%e6%83%91/#comments</comments>
		<pubDate>Fri, 19 Aug 2011 07:48:15 +0000</pubDate>
		<dc:creator>Cutsin</dc:creator>
				<category><![CDATA[生活琐事]]></category>

		<guid isPermaLink="false">http://blog.moonless.net/?p=385</guid>
		<description><![CDATA[如果我信命，为什么会困惑……]]></description>
			<content:encoded><![CDATA[<p>如果我信命，为什么会困惑……</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.moonless.net/2011/08/%e5%9b%b0%e6%83%91/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>chrome对visibility继承的渲染bug一例</title>
		<link>http://blog.moonless.net/2011/08/chrome%e5%af%b9visibility%e7%bb%a7%e6%89%bf%e7%9a%84%e6%b8%b2%e6%9f%93bug/</link>
		<comments>http://blog.moonless.net/2011/08/chrome%e5%af%b9visibility%e7%bb%a7%e6%89%bf%e7%9a%84%e6%b8%b2%e6%9f%93bug/#comments</comments>
		<pubDate>Mon, 15 Aug 2011 08:44:06 +0000</pubDate>
		<dc:creator>Cutsin</dc:creator>
				<category><![CDATA[Web技术及应用]]></category>

		<guid isPermaLink="false">http://blog.moonless.net/?p=364</guid>
		<description><![CDATA[在做#skyLand框架时，发现chrome的一个渲染bug，草草解决了。然后被同事再度揪出，囧…… 幸好它真的是chrome的bug，遂总结纪念： w3对visibility:hidden的解释： visibility可继承； 属性值hidden使元素不可见（全透明，不渲染），但仍然影响布局。另外，该元素的后代如果设置了属性值visible，它们会是可见的。 由此我们应该认为下面例子中，不管点哪个按钮，#boy、#girl都应是同时可见的： &#60;style&#62; .parents {visibility:hidden;z-index:1;position:relative} .parents div {visibility:visible;position:relative} .noDis {display:none!important} .noVis {visibility:hidden!important} &#60;/style&#62; &#60;script&#62; function $(o){return document.getElementById(o)} function showKids(s){ $('boy').className='' if(s) $('girl').className='' else setTimeout(function(){$('girl').className=''},0) } &#60;/script&#62; &#60;button onclick="showKids(1)"&#62;show kids&#60;/button&#62;&#60;button onclick="showKids()"&#62;show kids later&#60;/button&#62; &#60;div class="parents"&#62; &#60;div id="boy" class="noDis"&#62;Go! Daddy~ ^^&#60;/div&#62; &#60;div id="girl" class="noVis"&#62;Hi! Mommy~ ^^&#60;/div&#62; &#60;/div&#62; 但在chrome中，点show kids later后，#boy不见了，其他浏览器正常。 现象分析： 初始时，父元素设invisble，子元素设visible且display:none，动态移除display:none时，webkit未能更新 #parents中，只要初始时存在任何visibility:visible的元素，其他元素（如#boy）的渲染就能正常 [...]]]></description>
			<content:encoded><![CDATA[<p>在做#skyLand框架时，发现chrome的一个渲染bug，草草解决了。然后被同事再度揪出，囧……<br />
幸好它真的是chrome的bug，遂总结纪念：</p>
<p>w3对visibility:hidden的解释：</p>
<ol>
<li>visibility可继承；</li>
<li>属性值hidden使元素不可见（全透明，不渲染），但仍然影响布局。另外，该元素的后代如果设置了属性值visible，它们会是可见的。</li>
</ol>
<p>由此我们应该认为下面<a href="http://moonless.net/demo/30">例子</a>中，不管点哪个按钮，<b>#boy</b>、<b>#girl</b>都应是同时可见的：<br />
<code>&lt;style&gt;<br />
.parents {visibility:hidden;z-index:1;position:relative}<br />
.parents div {visibility:visible;position:relative}<br />
.noDis {display:none!important}<br />
.noVis {visibility:hidden!important}<br />
&lt;/style&gt;<br />
&lt;script&gt;<br />
function $(o){return document.getElementById(o)}<br />
function showKids(s){<br />
	$('boy').className=''<br />
	if(s)<br />
		$('girl').className=''<br />
	else<br />
		setTimeout(function(){$('girl').className=''},0)<br />
}<br />
&lt;/script&gt;<br />
&lt;button onclick="showKids(1)"&gt;show kids&lt;/button&gt;&lt;button onclick="showKids()"&gt;show kids later&lt;/button&gt;<br />
&lt;div class="parents"&gt;<br />
  &lt;div id="boy" class="noDis"&gt;Go! Daddy~ ^^&lt;/div&gt;<br />
  &lt;div id="girl" class="noVis"&gt;Hi! Mommy~ ^^&lt;/div&gt;<br />
&lt;/div&gt;</code></p>
<p>但在chrome中，点<b>show kids later</b>后，#boy不见了，其他浏览器正常。<br />
现象分析：</p>
<ol>
<li>初始时，父元素设invisble，子元素设visible且display:none，动态移除display:none时，webkit未能更新</li>
<li>#parents中，只要初始时存在任何visibility:visible的元素，其他元素（如#boy）的渲染就能正常</li>
<li>如果渲染失败，用鼠标反选一下也能正常显示</li>
</ol>
<p>然后，</p>
<ol>
<li>点上例的<b>show kids later</b>，用setTimeout将#girl和#boy“分两步”处理，渲染失败</li>
<li>点上例的<b>show kids</b>，同时处理#girl和#boy，渲染正常</li>
</ol>
<p>猜到的可能原因是：chrome(当前版本13.0.782.112)对渲染做了某些优化（比如执行缓存），但存在bug，同样webkit内核的safari正常。</p>
<p>总结该bug的触发条件：</p>
<ol>
<li>父元素visibility:hidden，position非static，z-index非auto</li>
<li>初始时，父元素内部没有任何计算值为visibility:visible的元素</li>
<li>内部元素（且称为bad）visibility:visible，position非static</li>
<li>初始时，bad的display为none</li>
</ol>
<p>然后，bad改变display为非none时，无法渲染。</p>
<p>原因清楚后，最终的解决方法也很简单，增加默认visible的元素即可：<br />
<code>.parent:after {visibility:visible;content:''}</code></p>
<p>错误示例页：<a href="http://moonless.net/demo/30">http://moonless.net/demo/30</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.moonless.net/2011/08/chrome%e5%af%b9visibility%e7%bb%a7%e6%89%bf%e7%9a%84%e6%b8%b2%e6%9f%93bug/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>“解耦”的字符分隔tag</title>
		<link>http://blog.moonless.net/2011/07/%e2%80%9c%e8%a7%a3%e8%80%a6%e2%80%9d%e7%9a%84%e5%ad%97%e7%ac%a6%e5%88%86%e9%9a%94tag/</link>
		<comments>http://blog.moonless.net/2011/07/%e2%80%9c%e8%a7%a3%e8%80%a6%e2%80%9d%e7%9a%84%e5%ad%97%e7%ac%a6%e5%88%86%e9%9a%94tag/#comments</comments>
		<pubDate>Thu, 28 Jul 2011 08:43:15 +0000</pubDate>
		<dc:creator>Cutsin</dc:creator>
				<category><![CDATA[Web技术及应用]]></category>

		<guid isPermaLink="false">http://blog.moonless.net/?p=287</guid>
		<description><![CDATA[大概所有人都会接触到这样的设计： 于是逝去的日子里发生过类似下面的变迁： 有时它是静态的，我们会这样写： &#60;a href="#"&#62;音响&#60;/a&#62; &#124; &#60;a href="#"&#62;课本&#60;/a&#62; &#124; &#60;a href="#"&#62;西红柿&#60;/a&#62;缺陷：内容动态修改非常麻烦、不便扩展。 相当长的一段时间里，变成了这样： &#60;style&#62; li {float:left;padding:0 0 0 7px;margin:0 0 0 6px;background:url(竖线.gif) no-repeat} .first {padding:0;margin:0;background:none} &#60;/style&#62; &#60;ul&#62; &#60;li class="first"&#62;&#60;a href="#"&#62;音响&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href="#"&#62;课本&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href="#"&#62;西红柿&#60;/a&#62;&#60;/li&#62; &#60;/ul&#62;缺陷：样式与程序耦合，可能前后端都要麻烦个遍。 再后来开始利用overflow:hidden以及text-indent： &#60;style&#62; ul {overflow:hidden;text-indent:-13px} li {display:inline-block;text-indent:0;padding:0 0 0 7px;margin:0 0 0 6px;background:url(竖线.gif) no-repeat 0} &#60;/style&#62; &#60;ul&#62; &#60;li&#62;&#60;a href="#"&#62;音响&#60;/a&#62;&#60;/li&#62;&#60;li&#62;&#60;a href="#"&#62;课本&#60;/a&#62;&#60;/li&#62;&#60;li&#62;&#60;a href="#"&#62;西红柿&#60;/a&#62;&#60;/li&#62; &#60;/ul&#62;缺陷：溢出隐藏，无法在&#60;li&#62;中放置其他元素，比如气泡、下拉菜单等等。 [...]]]></description>
			<content:encoded><![CDATA[<p><strong>大概所有人都会接触到这样的设计：</strong></p>
<p><a href="http://blog.moonless.net/wp-content/uploads/2011/07/未标题-1.png"><img class="alignnone size-full wp-image-288" title="demo" src="http://blog.moonless.net/wp-content/uploads/2011/07/未标题-1.png" alt="" width="324" height="35" /></a></p>
<p><strong>于是逝去的日子里发生过类似下面的变迁：</strong></p>
<ul>
<li>
有时它是静态的，我们会这样写：<br />
<code >&lt;a href="#"&gt;音响&lt;/a&gt; | &lt;a href="#"&gt;课本&lt;/a&gt; | &lt;a href="#"&gt;西红柿&lt;/a&gt;</code><strong>缺陷：</strong>内容动态修改非常麻烦、不便扩展。
	</li>
<li>
相当长的一段时间里，变成了这样：<br />
<code lang="html">&lt;style&gt;<br />
li {float:left;padding:0 0 0 7px;margin:0 0 0 6px;background:url(竖线.gif) no-repeat}<br />
.first {padding:0;margin:0;background:none}<br />
&lt;/style&gt;<br />
&lt;ul&gt;<br />
	&lt;li class="first"&gt;&lt;a href="#"&gt;音响&lt;/a&gt;&lt;/li&gt;<br />
	&lt;li&gt;&lt;a href="#"&gt;课本&lt;/a&gt;&lt;/li&gt;<br />
	&lt;li&gt;&lt;a href="#"&gt;西红柿&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;</code><strong>缺陷：</strong>样式与程序耦合，可能前后端都要麻烦个遍。
	</li>
<li>
再后来开始利用overflow:hidden以及text-indent：<br />
<code >&lt;style&gt;<br />
ul {overflow:hidden;text-indent:-13px}<br />
li {display:inline-block;text-indent:0;padding:0 0 0 7px;margin:0 0 0 6px;background:url(竖线.gif) no-repeat 0}<br />
&lt;/style&gt;<br />
&lt;ul&gt;<br />
	&lt;li&gt;&lt;a href="#"&gt;音响&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;课本&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="#"&gt;西红柿&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;</code><strong>缺陷：</strong>溢出隐藏，无法在&lt;li&gt;中放置其他元素，比如气泡、下拉菜单等等。
	</li>
</ul>
<p><strong>最终的解决方案（简化）：</strong><br />
<code >&lt;style&gt;<br />
.noDis {display:none}<br />
.tags {*zoom:1;display:block;text-align:left;_text-indent:0!important}<br />
.tag {display:inline-block;*display:inline;*zoom:1;padding:0 0 0 5px;margin:0 0 0 5px;text-indent:0;_text-indent:-10px!important;white-space:nowrap; vertical-align:top;background:url(竖线.gif) no-repeat 0}<br />
.tag a {text-indent:0!important}<br />
.tag:first-child,<br />
.tag[class~='noDis']:first-child + .tag {padding-left:0!important;margin-left:0!important;background-image:none!important}<br />
&lt;/style&gt;<br />
&lt;ul class="tags" onmouseover="this.firstChild.className='tag'"&gt;<br />
	&lt;li class="tag noDis"&gt;&lt;a href="#"&gt;音响&lt;/a&gt;&lt;/li&gt;&lt;li class="tag"&gt;&lt;a href="#"&gt;课本&lt;/a&gt;&lt;/li&gt;&lt;li class="tag"&gt;&lt;a href="#"&gt;西红柿&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;</code><br />
<strong>几点说明：</strong></p>
<ol>
<li>利用IE6的一个bug：父元素hasLayout、子元素position:static时，子元素溢出父元素不会被显示</li>
<li>&lt;ul&gt;和&lt;li&gt;之间不能存在注释，IE7会把注释当作childNodes导致firstChild选择错误</li>
<li>noDis是一个附加需求，即：鼠标滑过tags区域才显示“音响”，所以产生了一个问题：如果不将“音响”remove掉，那么浏览器仍然认为“音响”是tags的firstChild，这样“课本”的竖线仍然会显示，这不是我们想要的，还好除了IE6，多数浏览器都支持相邻选择器“+”，于是我们增加一条逻辑：“当firstChild的className包含noDis时，它的nextSibling同样隐藏竖线”</li>
<li>之所以ul、li都加上了className：tags、tag，是为了避免li中再出现ul、li，稍显冗余，可避免后患。</li>
<li>有一个小遗憾是竖线用了图片，不便换肤，但考虑到这样可以很方便地换成横线、点、虚线等乱七八糟的分隔符，这点牺牲还是值得的。</li>
<li>IE7的firstChild有个bug：在静态firstChild前面插入新元素，IE7不会更新样式，此类需求很少，不管了</li>
</ol>
<p>呼…… 世界和平。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.moonless.net/2011/07/%e2%80%9c%e8%a7%a3%e8%80%a6%e2%80%9d%e7%9a%84%e5%ad%97%e7%ac%a6%e5%88%86%e9%9a%94tag/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>也说font-family</title>
		<link>http://blog.moonless.net/2011/07/%e4%b9%9f%e8%af%b4font-family/</link>
		<comments>http://blog.moonless.net/2011/07/%e4%b9%9f%e8%af%b4font-family/#comments</comments>
		<pubDate>Mon, 25 Jul 2011 10:58:29 +0000</pubDate>
		<dc:creator>Cutsin</dc:creator>
				<category><![CDATA[Web技术及应用]]></category>

		<guid isPermaLink="false">http://www.moonless.net/blog/?p=277</guid>
		<description><![CDATA[以下内容仅在lang=”zh-CN”，charset=”gbk”环境测试通过。 需求1： 新项目中，默认的中文字体是微软雅黑，虽然我始终认为雅黑不适合大面积阅读，but it&#8217;s my job. 需求2： 项目上线后，和最初的担心一样，出现许多不满的声音，于是，需求又来了：让用户可以自行选择字体。 在固执的我看来，这是拿错误的方法去解决错误的问题，but that&#8217;s my job. 实现过程中几个值得注意的问题： font-family的理想书写顺序 要兼顾win/mac，应是：font-family:Helvetica,Tahoma,Arial,'Microsoft YaHei',sans-serif目的显而易见： 英文字体的显示，mac优先Helvetica，而win中通常没有，所以默认Tahoma，备用为Arial； 中文字体的现实，优先雅黑，如果没有遵从系统的fallback规则； 按照标准，sans-serif置后，如果不加，一些浏览器会解析错误。 对付win的font mapping 由于win注册表里的font mapping会将Helvetica映射为Arial，所以Tahoma不会生效，而且实际上Arial也不会生效，直接显示为雅黑，纠结了好久，就在几欲放弃Helvetica之际，救星出现了，它就是Helvetica Neue，绝大部分mac用户的系统上都有这个字体，而这个字体不在win的font mapping中，虽然它看起来要粗壮一些，貌似macOS/iOS会自动根据分辨率、字体粗细调整Helvetica字族的显示，看数据可知：Helvetica的安装率接近100%，Helvetica Neue在95%左右，而twitter, wordpress等，也是不约而同地用它作为前置，so，它是可靠的。 IE6/7中，如果用户自行更改了浏览器默认中文字体，而font-family中的中文字体前面设置了英文比如（Arial,SimSun），那么此font-family会被无视 没找到解决办法，只能将中文字体放在最前面了。 IE8/9中，如果用户自行更改了浏览器默认中文字体，而font-family指定了sans-serif，那么此font-family会被无视 而如果统一不写sans-serif，chrome等部分浏览器，也会无视font-family，纠结了好久，还是上hack…… 但由于常用的\9、\0不能用于font-family，所以只能祭出@media screen\0 综上，最终的方案如下： body,input,textarea,select {font:normal 12px/1.667 'Helvetica Neue',Tahoma,Arial,'Microsoft YaHei',\5fae\8f6f\96c5\9ed1;*font-family:'Microsoft YaHei',Tahoma,Arial;color:#333} .noClearType body,.noClearType input,.noClearType textarea,.noClearType select {font-family:Tahoma,Arial} .FontYahei body,.FontYahei input,.FontYahei textarea,.FontYahei select {font-family:'Helvetica Neue',Tahoma,Arial,'Microsoft YaHei',\5fae\8f6f\96c5\9ed1,sans-serif;*font-family:'Microsoft [...]]]></description>
			<content:encoded><![CDATA[<p>以下内容仅在lang=”zh-CN”，charset=”gbk”环境测试通过。</p>
<p><strong>需求1：</strong><br />
新项目中，默认的中文字体是微软雅黑，虽然<a href="http://www.moonless.net/blog/archives/233" target="_blank">我始终认为雅黑不适合大面积阅读</a>，but it&#8217;s my job.</p>
<p><strong>需求2：</strong><br />
项目上线后，和最初的担心一样，出现许多不满的声音，于是，需求又来了：让用户可以自行选择字体。<br />
在固执的我看来，这是拿错误的方法去解决错误的问题，but that&#8217;s my job.</p>
<p><strong>实现过程中几个值得注意的问题：</strong></p>
<ol>
<li><strong>font-family的理想书写顺序</strong><br />
要兼顾win/mac，应是：<code >font-family:Helvetica,Tahoma,Arial,'Microsoft YaHei',sans-serif</code>目的显而易见：<br />
英文字体的显示，mac优先Helvetica，而win中通常没有，所以默认Tahoma，备用为Arial；<br />
中文字体的现实，优先雅黑，如果没有遵从系统的fallback规则；<br />
按照标准，sans-serif置后，如果不加，一些浏览器会解析错误。
</li>
<li><strong>对付win的font mapping</strong><br />
由于win注册表里的font mapping会将Helvetica映射为Arial，所以Tahoma不会生效，而且实际上Arial也不会生效，直接显示为雅黑，纠结了好久，就在几欲放弃Helvetica之际，救星出现了，它就是Helvetica Neue，绝大部分mac用户的系统上都有这个字体，而这个字体不在win的font mapping中，虽然它看起来要粗壮一些，貌似macOS/iOS会自动根据分辨率、字体粗细调整Helvetica字族的显示，看数据可知：Helvetica的安装率接近100%，Helvetica Neue在95%左右，而twitter, wordpress等，也是不约而同地用它作为前置，so，它是可靠的。
</li>
<li><strong>IE6/7中，如果用户自行更改了浏览器默认中文字体，而font-family中的中文字体前面设置了英文比如（Arial,SimSun），那么此font-family会被无视</strong><br />
没找到解决办法，只能将中文字体放在最前面了。
</li>
<li><strong>IE8/9中，如果用户自行更改了浏览器默认中文字体，而font-family指定了sans-serif，那么此font-family会被无视</strong><br />
而如果统一不写sans-serif，chrome等部分浏览器，也会无视font-family，纠结了好久，还是上hack……<br />
但由于常用的\9、\0不能用于font-family，所以只能祭出@media screen\0
</li>
</ol>
<p><strong>综上，最终的方案如下：</strong><br />
<code >body,input,textarea,select {font:normal 12px/1.667 'Helvetica Neue',Tahoma,Arial,'Microsoft YaHei',\5fae\8f6f\96c5\9ed1;*font-family:'Microsoft YaHei',Tahoma,Arial;color:#333}<br />
.noClearType body,.noClearType input,.noClearType textarea,.noClearType select {font-family:Tahoma,Arial}<br />
.FontYahei body,.FontYahei input,.FontYahei textarea,.FontYahei select {font-family:'Helvetica Neue',Tahoma,Arial,'Microsoft YaHei',\5fae\8f6f\96c5\9ed1,sans-serif;*font-family:'Microsoft YaHei',Tahoma,Arial}<br />
.FontSimsun body,.FontSimsun input,.FontSimsun textarea,.FontSimsun select {font-family:'Helvetica Neue',Tahoma,Arial,SimSun,\5b8b\4f53;*font-family:SimSun}<br />
.FontSys body,.FontSys input,.FontSys textarea,.FontSys select {font-family:'Helvetica Neue',Tahoma,Arial,sans-serif;*font-family:'Helvetica Neue',Tahoma,Arial}<br />
@media screen\0 {<br />
	.FontSys body,.FontSys input,.FontSys textarea,.FontSys select {font-family:'Helvetica Neue',Tahoma,Arial}<br />
}</code></p>
<p>其他阅读资料：<br />
<a href="http://www.99css.com/archives/830">http://www.99css.com/archives/830</a><br />
<a href="http://lifesinger.wordpress.com/2011/04/06/best-web-default-fonts/ ">http://lifesinger.wordpress.com/2011/04/06/best-web-default-fonts/<br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.moonless.net/2011/07/%e4%b9%9f%e8%af%b4font-family/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>png8的透明度、兼容性及其应用</title>
		<link>http://blog.moonless.net/2011/05/png8%e7%9a%84%e9%80%8f%e6%98%8e%e5%ba%a6%e3%80%81%e5%85%bc%e5%ae%b9%e6%80%a7%e5%8f%8a%e5%85%b6%e5%ba%94%e7%94%a8/</link>
		<comments>http://blog.moonless.net/2011/05/png8%e7%9a%84%e9%80%8f%e6%98%8e%e5%ba%a6%e3%80%81%e5%85%bc%e5%ae%b9%e6%80%a7%e5%8f%8a%e5%85%b6%e5%ba%94%e7%94%a8/#comments</comments>
		<pubDate>Tue, 10 May 2011 07:43:15 +0000</pubDate>
		<dc:creator>Cutsin</dc:creator>
				<category><![CDATA[Web技术及应用]]></category>

		<guid isPermaLink="false">http://www.moonless.net/blog/?p=258</guid>
		<description><![CDATA[png-8（也叫索引色png、调色板png）支持256级透明度，但这种文件类型通常不被png处理程序所支持。 之所以不被支持，也许是因为很多程序对它支持不好吧，以IE6为例： 众所周知的半透明区域渲染失败（通常表现为灰色背景）； png-8的半透明区域部分渲染失败（通常不显示） 如果你愿意，利用这个不显示的“特性”做做文章也是可以的，而且效果尚可，例（分别用IE6、其他浏览器打开）： http://www.moonless.net/demo/29/ （用PngOut Plugin for PhotoShop可以生成上述例子中的图片；fireworks更方便。） 参考阅读：http://www.ardfry.com/png-plugin/Tour.htm]]></description>
			<content:encoded><![CDATA[<p>png-8（也叫索引色png、调色板png）支持256级透明度，但这种文件类型通常不被png处理程序所支持。<br />
之所以不被支持，也许是因为很多程序对它支持不好吧，以IE6为例：</p>
<ol>
<li>众所周知的半透明区域渲染失败（通常表现为灰色背景）；</li>
<li>png-8的半透明区域部分渲染失败（通常不显示）</li>
</ol>
<p>如果你愿意，利用这个不显示的“特性”做做文章也是可以的，而且效果尚可，例（分别用IE6、其他浏览器打开）：<br />
<a href="http://www.moonless.net/demo/29/">http://www.moonless.net/demo/29/</a><br />
<a href="http://www.moonless.net/blog/wp-content/uploads/2011/05/2011-05-10_154000.png"><img class="alignnone size-full wp-image-259" title="2011-05-10_154000" src="http://www.moonless.net/blog/wp-content/uploads/2011/05/2011-05-10_154000.png" alt="" width="215" height="424" /></a><br />
（用PngOut Plugin for PhotoShop可以生成上述例子中的图片；fireworks更方便。）</p>
<p>参考阅读：<a href="http://www.ardfry.com/png-plugin/Tour.htm">http://www.ardfry.com/png-plugin/Tour.htm</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.moonless.net/2011/05/png8%e7%9a%84%e9%80%8f%e6%98%8e%e5%ba%a6%e3%80%81%e5%85%bc%e5%ae%b9%e6%80%a7%e5%8f%8a%e5%85%b6%e5%ba%94%e7%94%a8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>分享Dreamweaver黑色视觉环境</title>
		<link>http://blog.moonless.net/2011/04/%e5%88%86%e4%ba%abdreamweaver%e9%bb%91%e8%89%b2%e8%a7%86%e8%a7%89%e7%8e%af%e5%a2%83/</link>
		<comments>http://blog.moonless.net/2011/04/%e5%88%86%e4%ba%abdreamweaver%e9%bb%91%e8%89%b2%e8%a7%86%e8%a7%89%e7%8e%af%e5%a2%83/#comments</comments>
		<pubDate>Fri, 22 Apr 2011 07:24:09 +0000</pubDate>
		<dc:creator>Cutsin</dc:creator>
				<category><![CDATA[计算机应用]]></category>

		<guid isPermaLink="false">http://www.moonless.net/blog/?p=247</guid>
		<description><![CDATA[效果预览： 修改方法（以CS5.5为例）： 一、关掉Dreamweaver： 1、用修改过的Colors.xml替换至（请先备份原文件）：C:\Users\Administrator\AppData\Roaming\Adobe\Dreamweaver CS5.5\zh_CN\Configuration\CodeColoring\ 2、安装压缩包中的所有字体文件 3、打开注册表编辑器（或执行dreamweaver.reg），找到：HKEY_CURRENT_USER\Software\Adobe\Dreamweaver CS5.5\Font Preferences分别修改CharEncoding_14、CharEncoding_15、CharEncoding_16、CharEncoding_7里面的Fixed Name、HTML inspector font、Proportional Name值为“Droid Sans mono”，将各种Char Set均改为“0” 4、修改windows设置，如图： 二、打开Dreamweaver： 1、修改代码视图背景色，如图： 2、在“首选参数” > “字体”里，将Unicode、西欧、简体中文、繁体中文等字体名称都改为“Droid Sans mono”，大小均为10pt即可 善待眼睛，不舒服就改掉它。]]></description>
			<content:encoded><![CDATA[<h3>效果预览：</h3>
<p><a href="http://www.moonless.net/blog/wp-content/uploads/2011/04/2011-04-22_145834.png"><img class="alignnone size-full wp-image-248" title="2011-04-22_145834" src="http://www.moonless.net/blog/wp-content/uploads/2011/04/2011-04-22_145834.png" alt="" width="493" height="167" /></a></p>
<p><a href="http://www.moonless.net/blog/wp-content/uploads/2011/04/2011-04-22_150215.png"><img class="alignnone size-full wp-image-249" title="2011-04-22_150215" src="http://www.moonless.net/blog/wp-content/uploads/2011/04/2011-04-22_150215.png" alt="" width="431" height="209" /></a></p>
<h3>修改方法（以CS5.5为例）：</h3>
<h4>一、关掉Dreamweaver：</h4>
<p>1、用修改过的<a href="http://www.moonless.net/share/theme_dreamweaver.7z" target="_blank">Colors.xml</a>替换至（请先备份原文件）：<span style="color: #336699;">C:\Users\Administrator\AppData\Roaming\Adobe\Dreamweaver CS5.5\zh_CN\Configuration\CodeColoring\</span></p>
<p>2、安装<a href="http://www.moonless.net/share/theme_dreamweaver.7z" target="_blank">压缩包</a>中的所有字体文件</p>
<p>3、打开注册表编辑器（或执行<a href="http://www.moonless.net/share/dreamweaver.reg" target="_blank">dreamweaver.reg</a>），找到：<span style="color: #336699;">HKEY_CURRENT_USER\Software\Adobe\Dreamweaver CS5.5\Font Preferences</span>分别修改CharEncoding_14、CharEncoding_15、CharEncoding_16、CharEncoding_7里面的<span style="color: #cc3300;">Fixed Name</span>、<span style="color: #cc3300;">HTML inspector font</span>、<span style="color: #cc3300;">Proportional Name</span>值为“<span style="color: #008000;">Droid Sans mono</span>”，将各种Char Set均改为“<span style="color: #008000;">0</span>”</p>
<p>4、修改windows设置，如图：</p>
<p><a href="http://www.moonless.net/blog/wp-content/uploads/2011/04/2011-04-22_151553.png"><img class="alignnone size-medium wp-image-250" title="2011-04-22_151553" src="http://www.moonless.net/blog/wp-content/uploads/2011/04/2011-04-22_151553-300x138.png" alt="" width="300" height="138" /></a></p>
<h4>二、打开Dreamweaver：</h4>
<p>1、修改代码视图背景色，如图：</p>
<p><a href="http://www.moonless.net/blog/wp-content/uploads/2011/04/2011-04-22_151813.png"><img class="alignnone size-full wp-image-251" title="2011-04-22_151813" src="http://www.moonless.net/blog/wp-content/uploads/2011/04/2011-04-22_151813.png" alt="" width="364" height="278" /></a></p>
<p>2、在“首选参数” > “字体”里，将Unicode、西欧、简体中文、繁体中文等字体名称都改为“<span style="color: #008000;">Droid Sans mono</span>”，大小均为<span style="color: #008000;">10pt</span>即可</p>
<p>善待眼睛，不舒服就改掉它。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.moonless.net/2011/04/%e5%88%86%e4%ba%abdreamweaver%e9%bb%91%e8%89%b2%e8%a7%86%e8%a7%89%e7%8e%af%e5%a2%83/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>咬文嚼字：第三人称的拼音究竟用TA、Ta还是ta？</title>
		<link>http://blog.moonless.net/2011/04/%e5%bd%92%e6%a1%a3%e5%92%ac%e6%96%87%e5%9a%bc%e5%ad%97%ef%bc%9a%e7%ac%ac3%e4%ba%ba%e7%a7%b0%e7%9a%84%e6%8b%bc%e9%9f%b3%e7%a9%b6%e7%ab%9f%e7%94%a8ta%e3%80%81ta%e8%bf%98%e6%98%afta%ef%bc%9f/</link>
		<comments>http://blog.moonless.net/2011/04/%e5%bd%92%e6%a1%a3%e5%92%ac%e6%96%87%e5%9a%bc%e5%ad%97%ef%bc%9a%e7%ac%ac3%e4%ba%ba%e7%a7%b0%e7%9a%84%e6%8b%bc%e9%9f%b3%e7%a9%b6%e7%ab%9f%e7%94%a8ta%e3%80%81ta%e8%bf%98%e6%98%afta%ef%bc%9f/#comments</comments>
		<pubDate>Fri, 15 Apr 2011 07:58:23 +0000</pubDate>
		<dc:creator>Cutsin</dc:creator>
				<category><![CDATA[“学术”研究]]></category>

		<guid isPermaLink="false">http://www.moonless.net/blog/?p=243</guid>
		<description><![CDATA[[2010-11] 引子：用拼音是不得已的事情，有时候无法或不愿区分性别，虽然只有2个字母，但究竟怎么书写才好呢？ 印象汉语拼音方案中，除了专有名词、人名、句首才需要大写（而且是外来的英文习惯），除了牌匾之类，没有全部大写的； 记得看过一篇文章，说只有使用拼音文字作为第一语言的人，才较习惯全部大写的认读； 作为注音符号时，全部小写更容易认读；大写会造成一定的阅读障碍 so, 感觉ta或Ta更符合国内的认读习惯……  orz]]></description>
			<content:encoded><![CDATA[<p><em>[2010-11]</em><br />
引子：用拼音是不得已的事情，有时候无法或不愿区分性别，虽然只有2个字母，但究竟怎么书写才好呢？</p>
<ol>
<li>印象汉语拼音方案中，除了专有名词、人名、句首才需要大写（而且是外来的英文习惯），除了牌匾之类，没有全部大写的；</li>
<li>记得看过一篇文章，说只有使用拼音文字作为第一语言的人，才较习惯全部大写的认读；</li>
<li>作为注音符号时，全部小写更容易认读；大写会造成一定的阅读障碍</li>
</ol>
<p>so, 感觉ta或Ta更符合国内的认读习惯……  orz</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.moonless.net/2011/04/%e5%bd%92%e6%a1%a3%e5%92%ac%e6%96%87%e5%9a%bc%e5%ad%97%ef%bc%9a%e7%ac%ac3%e4%ba%ba%e7%a7%b0%e7%9a%84%e6%8b%bc%e9%9f%b3%e7%a9%b6%e7%ab%9f%e7%94%a8ta%e3%80%81ta%e8%bf%98%e6%98%afta%ef%bc%9f/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

