<?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>ilMilk.com</title>
	<atom:link href="http://www.ilmilk.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ilmilk.com</link>
	<description>i LoVe Milk-ilMilk&#039;s Blog</description>
	<lastBuildDate>Thu, 21 Apr 2011 05:46:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>敏捷教练，从A到Z</title>
		<link>http://www.ilmilk.com/agile-coach-from-a-to-z.html</link>
		<comments>http://www.ilmilk.com/agile-coach-from-a-to-z.html#comments</comments>
		<pubDate>Thu, 21 Apr 2011 05:46:30 +0000</pubDate>
		<dc:creator>ilmilk</dc:creator>
				<category><![CDATA[随便写写]]></category>
		<category><![CDATA[团队]]></category>
		<category><![CDATA[敏捷教练]]></category>
		<category><![CDATA[管理]]></category>
		<category><![CDATA[领导]]></category>

		<guid isPermaLink="false">http://www.ilmilk.com/?p=349</guid>
		<description><![CDATA[敏捷方法学带来了新的角色——“敏捷教练”，它不常见于传统方法学中，甚或不曾为之提及。已驾轻就熟的实践者，可能会视之为浑然天成，羚羊挂角、无迹可 寻；而初窥门径的新手则会心生疑云：“敏捷教练为何如此重要？‘部门经理’、‘团队领导’、‘技术领导’，他们的问题何在？Monster.com为此提 供54个职位，又是何故？” “奇文共欣赏，疑义相与析”，当是吾等本色。且与笔者同游于本文中，或可领会敏捷教练之所思、所行，更要知其意义所在。 A 即 Advice（建议）：“我曾见别人做过。我觉得你们这样做效果更好。” 以传统方式工作的经理会明确指导团队该怎么做，而不是帮助他们找到属于自己的道路。敏捷教练虽然常常以顾问的角色出现，但她不会做太多导向工作，而是在需要的时候出现，帮助团队避开已为人知的陷阱，或是引导他们走向佳境（参见引导和导师）。 B 即 Balance（平衡）：“别把好东西丢掉。” 有时候团队会忙得自顾不暇，以至于又回到老路上来。教练会寻找良机，跟团队一起工作，去发现、尝试可能为团队带来巨大利益的新做法。他还会确保那些依然为团队带来收益的实践不会被随手抛弃，为人遗落，他常常会把它们跟新方法合并。 C 即 Celebration（庆功）：“嘿，上个迭代你们干的太棒了！” 团队常常会低估成功和肯定式探询的力量。迭代一步步向结果推进，形成节奏，帮助大家意识到何时达成目标（参见反馈）。但是人们常常会忘记迭代中的庆功。整个团队在项目结束以后，或是某些重大里程碑完成后庆功（参见感染力），会极大鼓舞士气。敏捷教练每天会跟团队一起庆祝每个小小的胜利。 D 即 Daring（勇敢）：“跟你们说，我豁出去了，是这样的……” 引入变化就有相应的风险，敏捷教练需要承担责任，寻找途径，以最小的风险带来最大的价值。在团队中，他往往是第一个破冰而行的，激励团队，给每个人带来安全感，让他们有勇气提出建议，即使不敢尝试不同的工作方式。 E 即 Encouragement（鼓励）：“加油！这玩意很NB！” 有些敏捷实践看上去很直白，可如果没有理解它们背后的原理和带来的影响，实施起来就会很容易出问题。简单试上一段时间以后，人们往往会感觉到哪些东西从前效果更好，现在用的实践存在哪些限制（参见提问）。敏捷教练会为人们提供支持和鼓励，帮助他们度过尝试新实践的不适应期，有时也会帮他们解决掉实践中比较难以实施的部分。 F 即 Feedback（反馈） ：“你有没有发现团队……？” 所有的敏捷方法学都提倡快速反馈。敏捷教练在团队工作的方方面面都会强调反馈机制的重要性——从团队协作，到过程，再到实践。定期的反馈可以帮助团队更有效地适应所处的特殊环境。 G 即 Guidance（引导） ：“看上去我们有三种选择，我觉得前两种可能更好，你们觉得呢？” 敏捷狂热者的工作方式跟敏捷教练不同。狂热者习惯使用命令和控制的方式，而敏捷教练只是加以引导，帮助每个人自我学习。他引导团队避开已知的陷阱，但他也明白失败是成功之母。 H 即 Humility（谦虚）：“实际上，活儿是大家干的，不是我。” 敏捷教练会为团队提供指导，帮助他们完成工作。当他们犯错误的时候，她要勇于承担责任，团队取得成功后，她要保证适当的人得到奖赏。傲慢自大的教练在团队中没有容身之地。 I 即 Infectious（感染力）：“你得过来看看这个！” 敏捷教练会给团队带来激情和活力，用自己为榜样，鼓舞人们燃起对工作的激情。他理解团队愿意接受多少变化，也知道自己展示热情的分寸，不会被人跟敏捷狂热者混为一谈。他也一直在寻找恰当的时机与大家分享他的能量与热情。 J 即 Jiggle（摇摆）：“这样调整一下，再那样调整一下。” 很多事情要想做好不只一种方式，即便团队跟上次采用同样的实践也是如此。敏捷教练帮助团队在以往经验和认识的基础上调整实践，使他们更好地适应团队与环境。 K 即 Knowledge（知识） ：“你读过这本书/这篇论文/这个邮件列表了么？” 敏捷方面的知识浩如烟海：敏捷实践、敏捷原则、实施方法与面临的挑战，等等等等。敏捷教练对这整套资源很熟悉，可以引导大家去看相关的书籍、论文或是博客，查找跟他们遇到的问题相关的资源。 L 即 Listening（聆听） ：“你说你想要做……” 


<ol><li><a href='http://www.ilmilk.com/teach-you-how-to-be-submitted-to-the-alexa-site-information.html' rel='bookmark' title='Permanent Link: 教你如何将网站信息提交给Alexa'>教你如何将网站信息提交给Alexa</a></li>
<li><a href='http://www.ilmilk.com/baidu-tencent-disabled-360-full-line-products-within.html' rel='bookmark' title='Permanent Link: 百度、腾讯内部禁用360全系产品'>百度、腾讯内部禁用360全系产品</a></li>
<li><a href='http://www.ilmilk.com/pr-value-update-you-goodbye-egg.html' rel='bookmark' title='Permanent Link: PR值更新啦，蛋蛋再见'>PR值更新啦，蛋蛋再见</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>敏捷方法学带来了新的角色——“敏捷教练”，它不常见于传统方法学中，甚或不曾为之提及。已驾轻就熟的实践者，可能会视之为浑然天成，羚羊挂角、无迹可 寻；而初窥门径的新手则会心生疑云：“敏捷教练为何如此重要？‘部门经理’、‘团队领导’、‘技术领导’，他们的问题何在？Monster.com为此提 供54个职位，又是何故？”</p>
<p>“奇文共欣赏，疑义相与析”，当是吾等本色。且与笔者同游于本文中，或可领会敏捷教练之所思、所行，更要知其意义所在。</p>
<p><span id="more-349"></span></p>
<p><a name="A"></p>
<h3>A 即 Advice（建议）：“我曾见别人做过。我觉得你们这样做效果更好。”</h3>
<p></a></p>
<p>以传统方式工作的经理会明确指导团队该怎么做，而不是帮助他们找到属于自己的道路。敏捷教练虽然常常以顾问的角色出现，但她不会做太多导向工作，而是在需要的时候出现，帮助团队避开已为人知的陷阱，或是引导他们走向佳境（参见引导和导师）。</p>
<p><a name="B"></p>
<h3>B 即 Balance（平衡）：“别把好东西丢掉。”</h3>
<p></a></p>
<p>有时候团队会忙得自顾不暇，以至于又回到老路上来。教练会寻找良机，跟团队一起工作，去发现、尝试可能为团队带来巨大利益的新做法。他还会确保那些依然为团队带来收益的实践不会被随手抛弃，为人遗落，他常常会把它们跟新方法合并。</p>
<p><a name="C"></p>
<h3>C 即 Celebration（庆功）：“嘿，上个迭代你们干的太棒了！”</h3>
<p></a></p>
<p>团队常常会低估成功和肯定式探询的力量。迭代一步步向结果推进，形成节奏，帮助大家意识到何时达成目标（参见反馈）。但是人们常常会忘记迭代中的庆功。整个团队在项目结束以后，或是某些重大里程碑完成后庆功（参见感染力），会极大鼓舞士气。敏捷教练每天会跟团队一起庆祝每个小小的胜利。</p>
<p><a name="D"></p>
<h3>D 即 Daring（勇敢）：“跟你们说，我豁出去了，是这样的……”</h3>
<p></a></p>
<p>引入变化就有相应的风险，敏捷教练需要承担责任，寻找途径，以最小的风险带来最大的价值。在团队中，他往往是第一个破冰而行的，激励团队，给每个人带来安全感，让他们有勇气提出建议，即使不敢尝试不同的工作方式。</p>
<p><a name="E"></p>
<h3>E 即 Encouragement（鼓励）：“加油！这玩意很NB！”</h3>
<p></a></p>
<p>有些敏捷实践看上去很直白，可如果没有理解它们背后的原理和带来的影响，实施起来就会很容易出问题。简单试上一段时间以后，人们往往会感觉到哪些东西从前效果更好，现在用的实践存在哪些限制（参见提问）。敏捷教练会为人们提供支持和鼓励，帮助他们度过尝试新实践的不适应期，有时也会帮他们解决掉实践中比较难以实施的部分。</p>
<p><a name="F"></p>
<h3>F 即 Feedback（反馈） ：“你有没有发现团队……？”</h3>
<p></a></p>
<p>所有的敏捷方法学都提倡快速反馈。敏捷教练在团队工作的方方面面都会强调反馈机制的重要性——从团队协作，到过程，再到实践。定期的反馈可以帮助团队更有效地适应所处的特殊环境。</p>
<p><a name="G"></p>
<h3>G 即 Guidance（引导） ：“看上去我们有三种选择，我觉得前两种可能更好，你们觉得呢？”</h3>
<p></a></p>
<p>敏捷狂热者的工作方式跟敏捷教练不同。狂热者习惯使用命令和控制的方式，而敏捷教练只是加以引导，帮助每个人自我学习。他引导团队避开已知的陷阱，但他也明白失败是成功之母。</p>
<p><a name="H"></p>
<h3>H 即 Humility（谦虚）：“实际上，活儿是大家干的，不是我。”</h3>
<p></a></p>
<p>敏捷教练会为团队提供指导，帮助他们完成工作。当他们犯错误的时候，她要勇于承担责任，团队取得成功后，她要保证适当的人得到奖赏。傲慢自大的教练在团队中没有容身之地。</p>
<p><a name="I"></p>
<h3>I 即 Infectious（感染力）：“你得过来看看这个！”</h3>
<p></a></p>
<p>敏捷教练会给团队带来激情和活力，用自己为榜样，鼓舞人们燃起对工作的激情。他理解团队愿意接受多少变化，也知道自己展示热情的分寸，不会被人跟敏捷狂热者混为一谈。他也一直在寻找恰当的时机与大家分享他的能量与热情。</p>
<p><a name="J"></p>
<h3>J 即 Jiggle（摇摆）：“这样调整一下，再那样调整一下。”</h3>
<p></a></p>
<p>很多事情要想做好不只一种方式，即便团队跟上次采用同样的实践也是如此。敏捷教练帮助团队在以往经验和认识的基础上调整实践，使他们更好地适应团队与环境。</p>
<p><a name="K"></p>
<h3>K 即 Knowledge（知识） ：“你读过这本书/这篇论文/这个邮件列表了么？”</h3>
<p></a></p>
<p>敏捷方面的知识浩如烟海：敏捷实践、敏捷原则、实施方法与面临的挑战，等等等等。敏捷教练对这整套资源很熟悉，可以引导大家去看相关的书籍、论文或是博客，查找跟他们遇到的问题相关的资源。</p>
<p><a name="L"></p>
<h3>L 即 Listening（聆听） ：“你说你想要做……”</h3>
<p></a></p>
<p>敏捷教练需要倾听团队的看法，从而了解他们当前的状态、他们的好恶。有时候也会把她听到的东西反馈给团队。她认真听取每个人的意见，掌握他们的需求与担忧，并据此调整她工作的优先级和相关活动。有时她也会把这些意见跟别人分享，也会鼓励人们为自己辩护。</p>
<p><a name="M"></p>
<h3>M 即 Mentor（导师） : 让自己成为多余的人</h3>
<p></a></p>
<p>敏捷教练的终极目标是打造自给自足的团队，他们可以对实践过程进行自我调整。为了达到这个目的，他需要找到适当的人，对其进行指导，提供支持，这些人的角色看起来很像教练。</p>
<p><a name="N"></p>
<h3>N 即 Naysayers（怀疑论者）：“我不信”</h3>
<p></a></p>
<p>每个团队可能都有某些人彻头彻尾的站到敏捷教练的对立面去，而且也没有什么说得过去的理由。敏捷教练要能经得住这种刁难，去理解他们的需要，理解他们为什么会感到威胁（参见聆听, 提问和敏感）。她会跟他们一起工作，让他们感到自己的意见受到重视，满足他们的需要，让他们释放掉压力。不情不愿的家伙需要得到鼓励，这也是教练的工作。</p>
<p><a name="O"></p>
<h3>O 即 Obligated（担当）：“团队中的一部分”</h3>
<p></a></p>
<p>敏捷教练需要证明他的建议是完全为了团队利益（参见透明），如果他能够作为团队的一部分，跟团队一起工作，能够体验到一项决策的后续影响，这对他的工作将很有帮助。</p>
<p><a name="P"></p>
<h3>P 即 Principles（原则）：“不要只看到现象，还要看清本质。”</h3>
<p></a></p>
<p>穿透实践的执行过程，洞彻其背后原则，是为敏捷教练应为之事。脱离原则的实践会变成无本之木，收效甚微，而脱离了实践的原则更是寸步难行（参见引导）。敏捷教练会帮助团队体验一系列实践，帮助他们理解这些实践所带来的价值，帮助他们适应这些实践对团队对组织带来的效果，由此掌握原则。</p>
<p><a name="Q"></p>
<h3>Q 即 Questioning（提问） ：“你看到了什么？感觉如何？”</h3>
<p></a></p>
<p>提问问题可以帮助我们厘清状况，到底是顺风顺水，还是步履维艰（参见怀疑论者）。敏捷教练常常问问题，将事实与个人看法分开，对现状有更好的认识。如果不问问题，就轻易做出决定，长期来看对团队会有不良影响。</p>
<p><a name="R"></p>
<h3>R 即 Retrospectives（回顾） ：“我们学到了什么？哪些东西我们会继续坚持？哪些东西应该另起炉灶？”</h3>
<p></a></p>
<p>回顾是一个很关键的实践，敏捷教练用它来帮助团队认识到自己的成果。项目回顾可以给新项目提供之前积聚的智慧，而中间阶段或是固定频率的回顾可以帮 助团队快速响应不断变化的环境，保证工作效率并不断提升。在回顾中着重突出那些已经实施了的变化，或者至少指出那些时时重复出现的问题，都可让教练和团队 共同受益。（参见聆听）。</p>
<p><a name="S"></p>
<h3>S 即 Sensitive（敏感） ：“我在想他们是不是已经准备好……”</h3>
<p></a></p>
<p>最优秀的敏捷教练会尊重团队所在的组织文化和工作环境（参见聆听和热心）。她不会命令他们改变工作方式；她会首先观察形势，然后才提出建议。</p>
<p><a name="T"></p>
<h3>T 即 Transparency（透明）：“我希望你可以这样试试看，因为我觉得这有助于你……”</h3>
<p></a></p>
<p>诚实可以建立敏捷教练与团队之间的信任。他会解释做事的理由，让大家晓得尝试新事物可以带来什么好处。通过解释当前的状况及其与过去的经验或学习到 的教训之间的相似之处，人们会觉得可以安心接受他的建议。有时候，让大家知道他没有暗地里做什么事情，或是有什么隐藏的动机，这也是很重要的。</p>
<p><a name="U"></p>
<h3>U 即 Unlock（释放潜能）：“我没想到这团队还能办到这些！”</h3>
<p></a></p>
<p>因为所处环境的限制，团队常常都有很多潜力爆发不出来。通过认真观察和对当前流程的尊重，敏捷教练可以帮助团队识别并消除系统的限制，释放团队的潜力。</p>
<p><a name="V"></p>
<h3>V 即 Vocabulary（词汇）：“YAGNI？Burn up？Muda？”</h3>
<p></a></p>
<p>每套方法学都有相伴的词汇。敏捷教练了解这些词汇、缩写、特殊单词的含义，把它们跟团队的思想体系相匹配。当新的模型与现有模型有所冲突时，这样做尤其有用，而且可能需要实验式教学（参见禅意）。</p>
<p><a name="W"></p>
<h3>W 即 Welcoming（接纳）：“你们觉得我们应该怎么做？”</h3>
<p></a></p>
<p>倘若敏捷教练做得很成功，团队就会提出新的思想，真正加以执行。敏捷教练应该欢迎并支持个人的提议，保护它们不会像过去那样饱受批评。</p>
<p><a name="X"></p>
<h3>X 即 Xenodochial（友好）：“对陌生人友好”</h3>
<p></a></p>
<p>大多数敏捷教练都会不停转换团队，需要适应不同的环境。他们不但要被不同的人接受，而且需要确保他们的一言一行不会让人产生排斥心理（参见敏感）。每个人都有自己的想法和动机——教练必须能够意识到这一点，知道每个人都有未发挥出来的可能。</p>
<p><a name="Y"></p>
<h3>Y 即 Yarn（讲故事）：“从前啊……”</h3>
<p></a></p>
<p>在不同的文化中传播知识，讲故事是很有效的途径，敏捷教练也常用它来散播知识和想法。有些故事讲述了以前的种种经验教训，有些可能只是作为隐喻来阐述概念。</p>
<p><a name="Z"></p>
<h3>Z 即 Zen（禅意）：“你必须找到自己的路”</h3>
<p></a></p>
<p>事非经过不知难。有些道理必须要亲身体验以后才能明白。与其苦口婆心，不如想办法打造安全的环境，纵使人们犯错，也至少不会有严重的后果。敏捷教练可以使用苏格拉底式的问答方式，帮助人们找到针对自己问题的最佳解决方法。</p>
<h3>关于作者</h3>
<p>Patrick  Kua是一名软件工程师，同时还是一位导师和教练，就职于ThoughtWorks。Patrick一直积极投身于团队的建设发展，给周围的人带来激情与 活力。他相信，如果人们可以把喜欢的事与工作保持一致，就可以生活得更快乐，有更好的发展。过去的三年半时间里，他训练和指导过很多团队实施敏捷。</p>
<p><strong>转自</strong>：<a href="http://www.infoq.com/cn/articles/agile-coach-a-to-z" target="_blank">http://www.infoq.com/cn/articles/agile-coach-a-to-z</a></p>


<p><ol><li><a href='http://www.ilmilk.com/teach-you-how-to-be-submitted-to-the-alexa-site-information.html' rel='bookmark' title='Permanent Link: 教你如何将网站信息提交给Alexa'>教你如何将网站信息提交给Alexa</a></li>
<li><a href='http://www.ilmilk.com/baidu-tencent-disabled-360-full-line-products-within.html' rel='bookmark' title='Permanent Link: 百度、腾讯内部禁用360全系产品'>百度、腾讯内部禁用360全系产品</a></li>
<li><a href='http://www.ilmilk.com/pr-value-update-you-goodbye-egg.html' rel='bookmark' title='Permanent Link: PR值更新啦，蛋蛋再见'>PR值更新啦，蛋蛋再见</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.ilmilk.com/agile-coach-from-a-to-z.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>小屏幕移动设备网页设计注意事项</title>
		<link>http://www.ilmilk.com/small-screen-mobile-devices-web-design-considerations.html</link>
		<comments>http://www.ilmilk.com/small-screen-mobile-devices-web-design-considerations.html#comments</comments>
		<pubDate>Wed, 16 Feb 2011 03:28:26 +0000</pubDate>
		<dc:creator>ilmilk</dc:creator>
				<category><![CDATA[CSS之美]]></category>
		<category><![CDATA[网页设计]]></category>
		<category><![CDATA[UED]]></category>
		<category><![CDATA[移动设备]]></category>
		<category><![CDATA[网易]]></category>

		<guid isPermaLink="false">http://www.ilmilk.com/?p=340</guid>
		<description><![CDATA[在过去，小屏幕移动设备网页通常也被称之为WAP页，或WAP站。 原因是这类网页起源于一个叫WAP的无线协议。 WAP能够运行于各种无线网络之上，如GSM、GPRS、CDMA等。WML是无线注标语言（Wireless Makeup language）的英文缩写。支持WAP技术的手机能浏览由WML描述的Internet内容。 而如今的小屏幕移动设备，比如手机，都已经具备访问WWW的能力。其内置的浏览器，或是第三方浏览器大多是WebKit引擎。 也因此没人再用WML组织WAP站点了，一般都是用HTML+CSS的方式。 在设计小屏幕移动设备网页时，你可能先得了解这么一些前提： 手机屏幕分辨率乱得一塌糊涂，什么分辨率都有！ 我们的手机上网费用贼贵贼贵！ UC浏览器拥有了贼大的市场占有率！  关于UC浏览器： 没错，不得不提它。谁叫它的市场占有率高呢。 对于UC浏览器而言，显然是非常适合我国国情的，它给用户最大限度地节约手机上网流量。（UC浏览器打的口号貌似也就是省流量这一招了）。 基于移动应用，以及文本的可读性，UC浏览器也体现了大字体、大行距等特性。 UC浏览器相对于其他手机浏览器而言，对HTML标签和CSS属性存在有特殊的、自定义的处理方式。 而所做的这些特殊处理，按目前来看，应该将会继续保留较长一段时间，直到手机上网费用得到较大幅度的下降，令消费者更大胆地移动上网之时。 在实际开发中，我们发现了UC浏览器对CSS存在一些“特殊照顾”： 不支持font-family属性，也就是说，在UC浏览器你只能看到一种字体； 不支持font-szie属性，也就是说，在UC浏览器你只能看到一样大小的字体； 不支持width、height、padding、margin、line-height属性，也就是说，在UC浏览器只能通过p、br等HTML标签来换行以达到字符上下间隔； 不支持固定像素的宽度，100%显示页面，也就是说，在UC浏览器始终将看到的是“满屏的”； 不支持浮动、层叠布局，float和position属性无效，也就是说，在UC浏览器你只能看到“左对齐”。 支持background-color，但不支持background-image，也就是说不支持CSS背景图显示，在UC浏览器你只能看到背景色。   不过，个人仍然认为，如今建设小屏幕移动设备网页，完全可依据WebKit引擎的浏览器作为标准进行界面开发。 换句话说，我们设计支持UC浏览器的网页，而不是设计以UC浏览器为标准的网页。 这样做还有个好处，可以在大部分的手机浏览器上保证相对一致的样式。 而针对UC这种连float等标准CSS属性也不支持的浏览器，别过于纠结它！ 但为了保证界面中各元素在UC浏览器仍具有良好的阅读顺序，严重建议HTML编码人员留意各个HTML标签的先后顺序。 因为只有在支持float、position属性的浏览器下，页面各个容器才可以任意浮动或层叠的。否则，浏览器将按HTML标签的先后顺序显示。 另外一些小屏幕移动设备网页设计的相关补充： 网站头(header) 考虑到小屏幕移动设备的一些特性，设计网页时，有些可以去掉网站头（包括LOGO、全局导航什么的）。 比如flick的查看大图页面就去掉了网站头。 这里我自创了一句时髦的设计原则：“针对于小屏幕移动设备的界面设计，在某些指定任务的界面，应优先于让用户关注当前任务，而不是应用程序本身。” 这个原则是行得通的，同样适用于设计移动设备应用程序~ 打个比方说，如果你在设计小屏幕移动设备访问的邮箱时，完全可以在写信、邮件阅读页去掉网站头~ 链接聚焦（hover） 各个浏览器均自定义了链接的hover样式，比如有的浏览器给链接聚焦时加了边框，有的浏览器给链接聚焦时加个背景色之类。因此小屏幕移动设备网页不需要在CSS中编写hover样式。 鼠标事件（mouseover） 考虑到触摸屏操作，用户无法用手指进行over的操作，因此应禁止在应用于移动设备访问的网页使用mouseover。   转自：网易杭州研究院UX团队博客 原文链接：http://ucd.blog.163.com/blog/static/111307086201091211522637/ CSS样式指南：提高CSS的可读性 CSS样式指南：提高CSS的可读性 大型网站css样式命名和应用原则


<ol><li><a href='http://www.ilmilk.com/css-style-guide-css-to-improve-readability.html' rel='bookmark' title='Permanent Link: CSS样式指南：提高CSS的可读性'>CSS样式指南：提高CSS的可读性</a></li>
<li><a href='http://www.ilmilk.com/css-style-guide-css-to-improve-readability.html' rel='bookmark' title='Permanent Link: CSS样式指南：提高CSS的可读性'>CSS样式指南：提高CSS的可读性</a></li>
<li><a href='http://www.ilmilk.com/large-sites-and-application-of-the-principles-of-css-style-name.html' rel='bookmark' title='Permanent Link: 大型网站css样式命名和应用原则'>大型网站css样式命名和应用原则</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>在过去，小屏幕移动设备网页通常也被称之为WAP页，或WAP站。<br />
原因是这类网页起源于一个叫WAP的无线协议。<br />
WAP能够运行于各种无线网络之上，如GSM、GPRS、CDMA等。WML是无线注标语言（Wireless Makeup language）的英文缩写。支持WAP技术的手机能浏览由WML描述的Internet内容。<br />
而如今的小屏幕移动设备，比如手机，都已经具备访问WWW的能力。其内置的浏览器，或是第三方浏览器大多是WebKit引擎。<br />
也因此没人再用WML组织WAP站点了，一般都是用HTML+CSS的方式。<br />
在设计小屏幕移动设备网页时，你可能先得了解这么一些前提：</p>
<ul>
<li>手机屏幕分辨率乱得一塌糊涂，什么分辨率都有！</li>
<li>我们的手机上网费用贼贵贼贵！</li>
<li>UC浏览器拥有了贼大的市场占有率！ <span id="more-340"></span></li>
</ul>
<p><strong>关于UC浏览器：</strong></p>
<p>没错，不得不提它。谁叫它的市场占有率高呢。<br />
对于UC浏览器而言，显然是非常适合我国国情的，它给用户最大限度地节约手机上网流量。（UC浏览器打的口号貌似也就是省流量这一招了）。<br />
基于移动应用，以及文本的可读性，UC浏览器也体现了大字体、大行距等特性。<br />
UC浏览器相对于其他手机浏览器而言，对HTML标签和CSS属性存在有特殊的、自定义的处理方式。<br />
而所做的这些特殊处理，按目前来看，应该将会继续保留较长一段时间，直到手机上网费用得到较大幅度的下降，令消费者更大胆地移动上网之时。</p>
<p><strong>在实际开发中，我们发现了UC浏览器对CSS存在一些“特殊照顾”：</strong></p>
<ul>
<li>不支持font-family属性，也就是说，在UC浏览器你只能看到一种字体；</li>
<li>不支持font-szie属性，也就是说，在UC浏览器你只能看到一样大小的字体；</li>
<li>不支持width、height、padding、margin、line-height属性，也就是说，在UC浏览器只能通过p、br等HTML标签来换行以达到字符上下间隔；</li>
<li>不支持固定像素的宽度，100%显示页面，也就是说，在UC浏览器始终将看到的是“满屏的”；</li>
<li>不支持浮动、层叠布局，float和position属性无效，也就是说，在UC浏览器你只能看到“左对齐”。</li>
<li>支持background-color，但不支持background-image，也就是说不支持CSS背景图显示，在UC浏览器你只能看到背景色。</li>
</ul>
<p> </p>
<p>不过，<span>个人仍然认为，如今建设小屏幕移动设备网页，完全可依据WebKit引擎的浏览器作为标准进行界面开发</span>。<br />
换句话说，<span><span style="color: #000000;"><strong>我们设计支持UC浏览器的网页，而不是设计以UC浏览器为标准的网页</strong>。</span><br />
</span>这样做还有个好处，可以在大部分的手机浏览器上保证相对一致的样式。<br />
<span style="color: #ff0000;"><span><span style="color: #000000;">而针对UC这种连float等标准CSS属性也不支持的浏览器，别过于纠结它！<br />
但为了保证界面中各元素在UC浏览器仍具有良好的阅读顺序，严重建议HTML编码人员留意各个HTML标签的先后顺序。</span><br />
</span></span><span style="color: #000000;">因为只有在支持float、position属性的浏览器下，页面各个容器才可以任意浮动或层叠的。否则，浏览器将按HTML标签的先后顺序显示。</span></p>
<p><strong>另外一些小屏幕移动设备网页设计的相关补充： </strong></p>
<ul>
<li>网站头(header)<br />
考虑到小屏幕移动设备的一些特性，设计网页时，有些可以去掉网站头（包括LOGO、全局导航什么的）。<br />
比如<a href="http://m.flickr.com/#/photos/shuziyoumu/5000183208/sizes/m/" target="_blank">flick的查看大图页面</a>就去掉了网站头。</p>
<div>
<div><img class="alignnone size-full wp-image-347" title="小屏幕移动设备网页设计注意事项" src="http://www.ilmilk.com/wp-content/uploads/2011/02/3410069342850758641.jpg" alt="" width="680" height="439" /></div>
</div>
<p>这里我自创了一句时髦的设计原则：<span style="color: #ff0000;"><span style="color: #000000;">“<strong>针对于小屏幕移动设备的界面设计，在某些指定任务的界面，应优先于让用户关注当前任务，而不是应用程序本身。</strong>”</span> </span>这个原则是行得通的，同样适用于设计移动设备应用程序~<br />
打个比方说，如果你在设计小屏幕移动设备访问的邮箱时，完全可以在写信、邮件阅读页去掉网站头~</li>
<li>链接聚焦（hover）<br />
各个浏览器均自定义了链接的hover样式，比如有的浏览器给链接聚焦时加了边框，有的浏览器给链接聚焦时加个背景色之类。<span style="color: #000000;">因此小屏幕移动设备网页不需要在CSS中编写hover样式。</span></li>
<li>鼠标事件（mouseover）<br />
考虑到触摸屏操作，用户无法用手指进行over的操作，因此应<span><span style="color: #000000;"><strong>禁止在应用于移动设备访问的网页使用mouseover</strong>。</span></span></li>
</ul>
<p> </p>
<p>转自：网易杭州研究院UX团队博客</p>
<p>原文链接：<a href="http://ucd.blog.163.com/blog/static/111307086201091211522637/" target="_blank">http://ucd.blog.163.com/blog/static/111307086201091211522637/</a></p>


<p><ol><li><a href='http://www.ilmilk.com/css-style-guide-css-to-improve-readability.html' rel='bookmark' title='Permanent Link: CSS样式指南：提高CSS的可读性'>CSS样式指南：提高CSS的可读性</a></li>
<li><a href='http://www.ilmilk.com/css-style-guide-css-to-improve-readability.html' rel='bookmark' title='Permanent Link: CSS样式指南：提高CSS的可读性'>CSS样式指南：提高CSS的可读性</a></li>
<li><a href='http://www.ilmilk.com/large-sites-and-application-of-the-principles-of-css-style-name.html' rel='bookmark' title='Permanent Link: 大型网站css样式命名和应用原则'>大型网站css样式命名和应用原则</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.ilmilk.com/small-screen-mobile-devices-web-design-considerations.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>教你如何将网站信息提交给Alexa</title>
		<link>http://www.ilmilk.com/teach-you-how-to-be-submitted-to-the-alexa-site-information.html</link>
		<comments>http://www.ilmilk.com/teach-you-how-to-be-submitted-to-the-alexa-site-information.html#comments</comments>
		<pubDate>Sat, 12 Feb 2011 07:52:21 +0000</pubDate>
		<dc:creator>ilmilk</dc:creator>
				<category><![CDATA[随便写写]]></category>
		<category><![CDATA[Alexa]]></category>
		<category><![CDATA[图解]]></category>
		<category><![CDATA[提交]]></category>
		<category><![CDATA[最新]]></category>

		<guid isPermaLink="false">http://www.ilmilk.com/?p=323</guid>
		<description><![CDATA[Alexa是什么？ Alexa是亚马逊旗下的网站排名网站，是一家专门发布网站世界排名的网站,他通过Alexa工具条统计网站的访问量，PV等数据，给全球的每个网站进行排名。 搜索引擎起家的Alexa创建于1996年4月（美国），目的是让互联网网友在分享虚拟世界资源的同时，更多地参与互联网资源的组织。Alexa不仅给出多达几十亿的网址链接，而且为其中的每一个网站进行了排名。可以说，Alexa是当前拥有URL数量最庞大，排名信息发布最详尽的网站。 如何将网站信息提交给Alexa？ 1.进入Alexa官方网站：http://www.alexa.com/，点击右上角注册账号。 2.填写相关信息，注册成功后（如果注册失败请确认email或昵称是否被使用过），进入邮箱找到Alexa发的邮件，点击链接，设置密码，完成注册。 3.点击导航栏的“Site Tools”，然后点击“Claim Your Site”。 4.输入你要提交的域名。 5.点击按钮后，Alexa提供两种方式确认你的网站管理者身份， 一种是提供txt文件让你上传至网站根目录，即使用网站地址+文件名可以访问到 Alexa 提供的txt文件； 另一种是在网站首页头部文件中加入Alexa提供的代码。 6.验证成功后，即可填写网站的相关信息。 信息提交成功后，会提示在两个工作日内处理你的请求。 好了，就是这些，希望对您有所帮助！ 介绍个在线制作透明ico图标的网站 需要了解的DIVCSS面试题目 敏捷教练，从A到


<ol><li><a href='http://www.ilmilk.com/online-ico-web.html' rel='bookmark' title='Permanent Link: 介绍个在线制作透明ico图标的网站'>介绍个在线制作透明ico图标的网站</a></li>
<li><a href='http://www.ilmilk.com/need-to-know-divcss-interview-questions.html' rel='bookmark' title='Permanent Link: 需要了解的DIVCSS面试题目'>需要了解的DIVCSS面试题目</a></li>
<li><a href='http://www.ilmilk.com/agile-coach-from-a-to-z.html' rel='bookmark' title='Permanent Link: 敏捷教练，从A到Z'>敏捷教练，从A到Z</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<h2><em>Alexa是什么？</em></h2>
<p><strong>Alexa</strong>是亚马逊旗下的网站排名网站，是一家专门发布网站世界排名的网站,他通过Alexa工具条统计网站的访问量，PV等数据，给全球的每个网站进行排名。</p>
<p>搜索引擎起家的Alexa创建于1996年4月（美国），目的是让互联网网友在分享虚拟世界资源的同时，更多地参与互联网资源的组织。Alexa不仅给出多达几十亿的网址链接，而且为其中的每一个网站进行了排名。可以说，Alexa是当前拥有URL数量最庞大，排名信息发布最详尽的网站。</p>
<h2><em>如何将网站信息提交给Alexa？</em></h2>
<p>1.进入Alexa官方网站：<a href="http://www.alexa.com/" target="_blank">http://www.alexa.com/</a>，点击右上角注册账号。</p>
<p><img class="size-full wp-image-324 alignnone" src="http://www.ilmilk.com/wp-content/uploads/2011/02/step1.jpg" alt="" width="313" height="131" /><span id="more-323"></span></p>
<p>2.填写相关信息，注册成功后（<span style="color: #ff0000;">如果注册失败请确认email或昵称是否被使用过</span>），进入邮箱找到Alexa发的邮件，点击链接，设置密码，完成注册。</p>
<p><em><img src="http://www.ilmilk.com/wp-content/uploads/2011/02/step2.jpg" alt="" width="521" height="304" /></em></p>
<p><img class="alignnone size-full wp-image-326" src="http://www.ilmilk.com/wp-content/uploads/2011/02/step3.jpg" alt="" width="472" height="101" /></p>
<p><img class="alignnone size-full wp-image-329" src="http://www.ilmilk.com/wp-content/uploads/2011/02/step4.jpg" alt="" width="686" height="307" /></p>
<p>3.点击导航栏的“<span style="color: #0000ff;">Site Tools</span>”，然后点击“<span style="color: #0000ff;">Claim Your Site</span>”。</p>
<p><img class="alignnone size-full wp-image-330" src="http://www.ilmilk.com/wp-content/uploads/2011/02/step5.jpg" alt="" width="400" height="399" /></p>
<p>4.输入你要提交的域名。</p>
<p><img class="alignnone size-full wp-image-331" src="http://www.ilmilk.com/wp-content/uploads/2011/02/step6.jpg" alt="" width="299" height="183" /></p>
<p>5.点击按钮后，Alexa提供两种方式确认你的网站管理者身份，<br />
一种是提供txt文件让你上传至网站根目录，即使用网站地址+文件名可以访问到 Alexa 提供的txt文件；<br />
另一种是在网站首页头部文件中加入Alexa提供的代码。<img class="alignnone size-full wp-image-332" src="http://www.ilmilk.com/wp-content/uploads/2011/02/step7.jpg" alt="" width="562" height="385" /></p>
<p>6.验证成功后，即可填写网站的相关信息。<img class="size-full wp-image-333 alignleft" src="http://www.ilmilk.com/wp-content/uploads/2011/02/step8.jpg" alt="" width="449" height="249" /><img class="alignnone size-full wp-image-335" src="http://www.ilmilk.com/wp-content/uploads/2011/02/step91.jpg" alt="" width="617" height="574" /></p>
<p>信息提交成功后，会提示在两个工作日内处理你的请求。</p>
<p>好了，就是这些，希望对您有所帮助！</p>


<p><ol><li><a href='http://www.ilmilk.com/online-ico-web.html' rel='bookmark' title='Permanent Link: 介绍个在线制作透明ico图标的网站'>介绍个在线制作透明ico图标的网站</a></li>
<li><a href='http://www.ilmilk.com/need-to-know-divcss-interview-questions.html' rel='bookmark' title='Permanent Link: 需要了解的DIVCSS面试题目'>需要了解的DIVCSS面试题目</a></li>
<li><a href='http://www.ilmilk.com/agile-coach-from-a-to-z.html' rel='bookmark' title='Permanent Link: 敏捷教练，从A到Z'>敏捷教练，从A到Z</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.ilmilk.com/teach-you-how-to-be-submitted-to-the-alexa-site-information.html/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>百度、腾讯内部禁用360全系产品</title>
		<link>http://www.ilmilk.com/baidu-tencent-disabled-360-full-line-products-within.html</link>
		<comments>http://www.ilmilk.com/baidu-tencent-disabled-360-full-line-products-within.html#comments</comments>
		<pubDate>Tue, 25 Jan 2011 03:13:42 +0000</pubDate>
		<dc:creator>ilmilk</dc:creator>
				<category><![CDATA[随便写写]]></category>
		<category><![CDATA[360]]></category>
		<category><![CDATA[百度]]></category>
		<category><![CDATA[禁用]]></category>
		<category><![CDATA[腾讯]]></category>

		<guid isPermaLink="false">http://www.ilmilk.com/?p=319</guid>
		<description><![CDATA[　　百度正在通过内部邮件的形式要求员工卸载360全系列产品。 　　昨天，《第一财经日报》获悉，百度公司员工收到一封标题为“公司禁止使用360软件的通知”的内部邮件，要求员工“为了加强公司信息安全、规范公司办公网络环境”，所有员工必须卸载360产品（包括360安全卫士、360杀毒、360浏览器等），只准使用百度安全卫士、公司标准杀毒软件和其他浏览器。 　　邮件显示，公司要求所有安装有360的办公电脑在25日18:00前完成卸载，对于过期未进行处理的员工，“将按照公司信息安全制度进行处理。”26日9：00后，总部未卸载360软件的机器将无法通过准入使用网络。 　　据百度公司内部员工确认，已经收到此邮件并开始执行。不过，百度官方并未对上述消息作出回应。 　　360方面并不愿对此发表太多评论。一位不愿透露姓名的相关人士表示，据说百度和腾讯投资了金山网络，所以百度要求员工卸载竞争对手的软件，使用采用金山网络安全技术的百度安全卫士，“也很正常。” 　　金山网络CEO傅盛表示，百度和腾讯投资金山网络的说法“不确实”，傅盛告诉记者：“我也是看新闻才知道百度内部卸载360软件一事，这事和我们没有任何关系。”不过，傅盛承认百度采用了已经全面开源的金山网络安全技术。 　　自“3Q大战”之后，腾讯和百度以及金山网络等公司与360公司方面基本处于“暗战”格局，尽管工信部已经下文要求当事双方不得擅自不兼容和互相诋毁，但是各公司与360之间仍时有矛盾发生。 　　昨日，据腾讯方面介绍，腾讯公司内部1.3万名员工也已全面禁止安装360相关软件，而且有些员工连360公司的官方网页也不能访问。 　　不过很多公司并不支持卸载360公司的软件，比如网易公司CEO丁磊就要求公司电脑安装360安全卫士。一位匿名业内人士表示，事实上，很多公司内部都会有规定要求员工安装合法的和相应的软件，但是也会禁止安装某些软件，比如某些外企会禁止安装腾讯QQ等聊天软件。 敏捷教练，从A到Z 教你如何将网站信息提交给Alexa PR值更新啦，蛋蛋再见


<ol><li><a href='http://www.ilmilk.com/agile-coach-from-a-to-z.html' rel='bookmark' title='Permanent Link: 敏捷教练，从A到Z'>敏捷教练，从A到Z</a></li>
<li><a href='http://www.ilmilk.com/teach-you-how-to-be-submitted-to-the-alexa-site-information.html' rel='bookmark' title='Permanent Link: 教你如何将网站信息提交给Alexa'>教你如何将网站信息提交给Alexa</a></li>
<li><a href='http://www.ilmilk.com/pr-value-update-you-goodbye-egg.html' rel='bookmark' title='Permanent Link: PR值更新啦，蛋蛋再见'>PR值更新啦，蛋蛋再见</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>　　百度正在通过内部邮件的形式要求员工卸载360全系列产品。</p>
<p>　　昨天，《第一财经日报》获悉，百度公司员工收到一封标题为“公司禁止使用360软件的通知”的内部邮件，要求员工“为了加强公司信息安全、规范公司办公网络环境”，所有员工必须卸载360产品（包括360安全卫士、360杀毒、360浏览器等），只准使用百度安全卫士、公司标准杀毒软件和其他浏览器。</p>
<p>　　邮件显示，公司要求所有安装有360的办公电脑在25日18:00前完成卸载，对于过期未进行处理的员工，“将按照公司信息安全制度进行处理。”26日9：00后，总部未卸载360软件的机器将无法通过准入使用网络。<span id="more-319"></span></p>
<p>　　据百度公司内部员工确认，已经收到此邮件并开始执行。不过，百度官方并未对上述消息作出回应。</p>
<p>　　360方面并不愿对此发表太多评论。一位不愿透露姓名的相关人士表示，据说百度和腾讯投资了金山网络，所以百度要求员工卸载竞争对手的软件，使用采用金山网络安全技术的百度安全卫士，“也很正常。”</p>
<p>　　金山网络CEO傅盛表示，百度和腾讯投资金山网络的说法“不确实”，傅盛告诉记者：“我也是看新闻才知道百度内部卸载360软件一事，这事和我们没有任何关系。”不过，傅盛承认百度采用了已经全面开源的金山网络安全技术。</p>
<p>　　自“3Q大战”之后，腾讯和百度以及金山网络等公司与360公司方面基本处于“暗战”格局，尽管工信部已经下文要求当事双方不得擅自不兼容和互相诋毁，但是各公司与360之间仍时有矛盾发生。</p>
<p>　　昨日，据腾讯方面介绍，腾讯公司内部1.3万名员工也已全面禁止安装360相关软件，而且有些员工连360公司的官方网页也不能访问。</p>
<p>　　不过很多公司并不支持卸载360公司的软件，比如网易公司CEO丁磊就要求公司电脑安装360安全卫士。一位匿名业内人士表示，事实上，很多公司内部都会有规定要求员工安装合法的和相应的软件，但是也会禁止安装某些软件，比如某些外企会禁止安装腾讯QQ等聊天软件。</p>


<p><ol><li><a href='http://www.ilmilk.com/agile-coach-from-a-to-z.html' rel='bookmark' title='Permanent Link: 敏捷教练，从A到Z'>敏捷教练，从A到Z</a></li>
<li><a href='http://www.ilmilk.com/teach-you-how-to-be-submitted-to-the-alexa-site-information.html' rel='bookmark' title='Permanent Link: 教你如何将网站信息提交给Alexa'>教你如何将网站信息提交给Alexa</a></li>
<li><a href='http://www.ilmilk.com/pr-value-update-you-goodbye-egg.html' rel='bookmark' title='Permanent Link: PR值更新啦，蛋蛋再见'>PR值更新啦，蛋蛋再见</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.ilmilk.com/baidu-tencent-disabled-360-full-line-products-within.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>PR值更新啦，蛋蛋再见</title>
		<link>http://www.ilmilk.com/pr-value-update-you-goodbye-egg.html</link>
		<comments>http://www.ilmilk.com/pr-value-update-you-goodbye-egg.html#comments</comments>
		<pubDate>Fri, 21 Jan 2011 02:45:08 +0000</pubDate>
		<dc:creator>ilmilk</dc:creator>
				<category><![CDATA[随便写写]]></category>
		<category><![CDATA[pr]]></category>
		<category><![CDATA[更新]]></category>
		<category><![CDATA[谷歌]]></category>

		<guid isPermaLink="false">http://www.ilmilk.com/?p=312</guid>
		<description><![CDATA[谷歌PR值大半年没更新过了，这两天终于更新了~有兴趣的同学可以去查查看http://tool.chinaz.com 敏捷教练，从A到Z 教你如何将网站信息提交给Alexa 百度、腾讯内部禁用360全系产品


<ol><li><a href='http://www.ilmilk.com/agile-coach-from-a-to-z.html' rel='bookmark' title='Permanent Link: 敏捷教练，从A到Z'>敏捷教练，从A到Z</a></li>
<li><a href='http://www.ilmilk.com/teach-you-how-to-be-submitted-to-the-alexa-site-information.html' rel='bookmark' title='Permanent Link: 教你如何将网站信息提交给Alexa'>教你如何将网站信息提交给Alexa</a></li>
<li><a href='http://www.ilmilk.com/baidu-tencent-disabled-360-full-line-products-within.html' rel='bookmark' title='Permanent Link: 百度、腾讯内部禁用360全系产品'>百度、腾讯内部禁用360全系产品</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-314 aligncenter" title="pr" src="http://www.ilmilk.com/wp-content/uploads/2011/01/pr.jpg" alt="" width="615" height="233" /></p>
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">谷歌PR值大半年没更新过了，这两天终于更新了~有兴趣的同学可以去查查看<a href="http://tool.chinaz.com" target="_blank">http://tool.chinaz.com</a></p>
<p style="text-align: auto;">


<p><ol><li><a href='http://www.ilmilk.com/agile-coach-from-a-to-z.html' rel='bookmark' title='Permanent Link: 敏捷教练，从A到Z'>敏捷教练，从A到Z</a></li>
<li><a href='http://www.ilmilk.com/teach-you-how-to-be-submitted-to-the-alexa-site-information.html' rel='bookmark' title='Permanent Link: 教你如何将网站信息提交给Alexa'>教你如何将网站信息提交给Alexa</a></li>
<li><a href='http://www.ilmilk.com/baidu-tencent-disabled-360-full-line-products-within.html' rel='bookmark' title='Permanent Link: 百度、腾讯内部禁用360全系产品'>百度、腾讯内部禁用360全系产品</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.ilmilk.com/pr-value-update-you-goodbye-egg.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>IE6绝对定位的bug和解决方法</title>
		<link>http://www.ilmilk.com/ie6-absolute-positioning-bug-and-the-solution.html</link>
		<comments>http://www.ilmilk.com/ie6-absolute-positioning-bug-and-the-solution.html#comments</comments>
		<pubDate>Mon, 17 Jan 2011 09:56:49 +0000</pubDate>
		<dc:creator>ilmilk</dc:creator>
				<category><![CDATA[CSS之美]]></category>
		<category><![CDATA[ababsolute]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[position]]></category>
		<category><![CDATA[绝对定位]]></category>

		<guid isPermaLink="false">http://www.ilmilk.com/?p=306</guid>
		<description><![CDATA[position:absolute定位在IE6下存在left和bottom的定位错误问题: &#60;!&#8211;IE6下的left定位错误&#8211;&#62; &#60;div style=&#8221;position:relative;border:1px solid orange;text-align:center;&#8221;&#62;      &#60;a href=&#8221;http://www.ilmilk.com&#8221;&#62;http://www.ilmilk.com/&#60;/a&#62; &#60;div style=&#8221;position:absolute;top:0;left:0;background:#CCC;&#8221;&#62;ilMilk&#60;/div&#62; &#60;/div&#62; &#60;!&#8211;IE6下的left定位错误&#8211;&#62; &#60;hr /&#62; &#60;div style=&#8221;position:relative;border:1px solid orange;text-align:right;&#8221;&#62;      &#60;a href=&#8221;http://www.ilmilk.com&#8221;&#62;http://www.ilmilk.com/&#60;/a&#62; &#60;div style=&#8221;position:absolute;top:0;left:0;background:#CCC;&#8221;&#62;ilMilk&#60;/div&#62; &#60;/div&#62; 上面这段代码在IE6中定位错误。解决办法有两种：1、给父层设置zoom:1触发layout。 2、给父层设置宽度（width）。 &#60;!&#8211;解决方法1 zoom:1&#8211;&#62; &#60;hr /&#62; &#60;div style=&#8221;position:relative;border:1px solid orange;zoom:1;text-align:center;&#8221;&#62;      &#60;a href=&#8221;http://www.ilmilk.com&#8221;&#62;http://www.ilmilk.com/&#60;/a&#62; &#60;div style=&#8221;position:absolute;top:0;left:0;background:#CCC;&#8221;&#62;ilMilk&#60;/div&#62; &#60;/div&#62; &#60;!&#8211;解决方法2 设置width&#8211;&#62; &#60;hr /&#62; &#60;div style=&#8221;position:relative;width:99%;border:1px solid orange;text-align:center;&#8221;&#62;      &#60;a href=&#8221;http://www.ilmilk.com&#8221;&#62;http://www.ilmilk.com/&#60;/a&#62; &#60;div style=&#8221;position:absolute;top:0;left:0;background:#CCC;&#8221;&#62;ilMilk&#60;/div&#62; &#60;/div&#62; 


<ol><li><a href='http://www.ilmilk.com/need-to-know-divcss-interview-questions.html' rel='bookmark' title='Permanent Link: 需要了解的DIVCSS面试题目'>需要了解的DIVCSS面试题目</a></li>
<li><a href='http://www.ilmilk.com/pr-value-update-you-goodbye-egg.html' rel='bookmark' title='Permanent Link: PR值更新啦，蛋蛋再见'>PR值更新啦，蛋蛋再见</a></li>
<li><a href='http://www.ilmilk.com/nike-kicked-out-of-the-legendary-south-african-world-cup-series-trailer.html' rel='bookmark' title='Permanent Link: NIKE《踢出传奇》南非世界杯系列预告片'>NIKE《踢出传奇》南非世界杯系列预告片</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>position:absolute定位在IE6下存在left和bottom的定位错误问题:</p>
<blockquote><p>&lt;!&#8211;IE6下的left定位错误&#8211;&gt;<br />
&lt;div style=&#8221;position:relative;border:1px solid orange;text-align:center;&#8221;&gt;<br />
     &lt;a href=&#8221;http://www.ilmilk.com&#8221;&gt;http://www.ilmilk.com/&lt;/a&gt;<br />
&lt;div style=&#8221;position:absolute;top:0;left:0;background:#CCC;&#8221;&gt;ilMilk&lt;/div&gt;<br />
&lt;/div&gt;</p>
<p>&lt;!&#8211;IE6下的left定位错误&#8211;&gt;<br />
&lt;hr /&gt;<br />
&lt;div style=&#8221;position:relative;border:1px solid orange;text-align:right;&#8221;&gt;<br />
     &lt;a href=&#8221;http://www.ilmilk.com&#8221;&gt;http://www.ilmilk.com/&lt;/a&gt;<br />
&lt;div style=&#8221;position:absolute;top:0;left:0;background:#CCC;&#8221;&gt;ilMilk&lt;/div&gt;<br />
&lt;/div&gt;</p></blockquote>
<p>上面这段代码在IE6中定位错误。解决办法有两种：1、给父层设置zoom:1触发layout。 2、给父层设置宽度（width）。<span id="more-306"></span></p>
<blockquote><p>&lt;!&#8211;解决方法1 zoom:1&#8211;&gt;<br />
&lt;hr /&gt;<br />
&lt;div style=&#8221;position:relative;border:1px solid orange;zoom:1;text-align:center;&#8221;&gt;<br />
     &lt;a href=&#8221;http://www.ilmilk.com&#8221;&gt;http://www.ilmilk.com/&lt;/a&gt;<br />
&lt;div style=&#8221;position:absolute;top:0;left:0;background:#CCC;&#8221;&gt;ilMilk&lt;/div&gt;<br />
&lt;/div&gt;</p>
<p>&lt;!&#8211;解决方法2 设置width&#8211;&gt;<br />
&lt;hr /&gt;<br />
&lt;div style=&#8221;position:relative;width:99%;border:1px solid orange;text-align:center;&#8221;&gt;<br />
     &lt;a href=&#8221;http://www.ilmilk.com&#8221;&gt;http://www.ilmilk.com/&lt;/a&gt;<br />
&lt;div style=&#8221;position:absolute;top:0;left:0;background:#CCC;&#8221;&gt;ilMilk&lt;/div&gt;<br />
&lt;/div&gt;</p></blockquote>
<p>下面的这段代码在IE6下，bottom定位错误：</p>
<blockquote><p>&lt;!&#8211;IE6下的bottom定位错误&#8211;&gt;<br />
&lt;hr /&gt;<br />
&lt;div style=&#8221;position:relative;border:1px solid orange;text-align:center;&#8221;&gt;<br />
     &lt;a href=&#8221;http://www.ilmilk.com&#8221;&gt;http://www.ilmilk.com/&lt;/a&gt;<br />
&lt;div style=&#8221;position:absolute;bottom:0;left:0;background:#CCC;&#8221;&gt;ilMilk&lt;/div&gt;<br />
&lt;/div&gt;</p></blockquote>
<p>解决办法和left定位类似：方法1是给父层设置zoom触发layout，方法2是给父层设置高度（height）。</p>
<blockquote><p>&lt;!&#8211;解决方法1 zoom:1&#8211;&gt;<br />
&lt;hr /&gt;<br />
&lt;div style=&#8221;position:relative;border:1px solid orange;zoom:1;text-align:center;&#8221;&gt;<br />
     &lt;a href=&#8221;http://www.ilmilk.com&#8221;&gt;http://www.ilmilk.com/&lt;/a&gt;&lt;br /&gt;<br />
&lt;a href=&#8221;http://www.ilmilk.com&#8221;&gt;http://www.ilmilk.com/&lt;/a&gt;<br />
&lt;div style=&#8221;position:absolute;bottom:0;left:0;background:#CCC;&#8221;&gt;ilMilk&lt;/div&gt;<br />
&lt;/div&gt;</p>
<p>&lt;!&#8211;解决方法2 设置height&#8211;&gt;<br />
&lt;hr /&gt;<br />
&lt;div style=&#8221;position:relative;height:60px;border:1px solid orange;text-align:center;&#8221;&gt;<br />
     &lt;a href=&#8221;http://www.ilmilk.com&#8221;&gt;http://www.ilmilk.com/&lt;/a&gt;<br />
&lt;div style=&#8221;position:absolute;bottom:0;left:0;background:#CCC;&#8221;&gt;ilMilk&lt;/div&gt;<br />
&lt;/div&gt;</p></blockquote>
<p>IE6中很多Bug都可以通过触发layout得到解决，以上的解决方法无论是设置zoom:1还是设置width和height其实都是为了触发layout。下列的CSS属性或取值会让一个元素获得layout：        </p>
<p>position:absolute 绝对定位元素的包含区块(containing block)就会经常在这一方面出问题</p>
<p>float:left|right 由于layout元素的特性，浮动模型会有很多怪异的表现</p>
<p>display:inline-block 当一个内联级别的元素需要layout的时候就往往符用到它，这也可能也是这个CSS属性的唯一效果&#8212;-让某个元素有layout</p>
<p>width: 除auto外的任何值</p>
<p>height: 除auto外的任何值</p>
<p>zoom: 除auto外的任何值</p>


<p><ol><li><a href='http://www.ilmilk.com/need-to-know-divcss-interview-questions.html' rel='bookmark' title='Permanent Link: 需要了解的DIVCSS面试题目'>需要了解的DIVCSS面试题目</a></li>
<li><a href='http://www.ilmilk.com/pr-value-update-you-goodbye-egg.html' rel='bookmark' title='Permanent Link: PR值更新啦，蛋蛋再见'>PR值更新啦，蛋蛋再见</a></li>
<li><a href='http://www.ilmilk.com/nike-kicked-out-of-the-legendary-south-african-world-cup-series-trailer.html' rel='bookmark' title='Permanent Link: NIKE《踢出传奇》南非世界杯系列预告片'>NIKE《踢出传奇》南非世界杯系列预告片</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.ilmilk.com/ie6-absolute-positioning-bug-and-the-solution.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>960框架之初体验</title>
		<link>http://www.ilmilk.com/framework-for-the-beginning-of-the-experience-of-960-2.html</link>
		<comments>http://www.ilmilk.com/framework-for-the-beginning-of-the-experience-of-960-2.html#comments</comments>
		<pubDate>Mon, 17 Jan 2011 06:55:30 +0000</pubDate>
		<dc:creator>ilmilk</dc:creator>
				<category><![CDATA[CSS之美]]></category>
		<category><![CDATA[网页设计]]></category>
		<category><![CDATA[960css]]></category>
		<category><![CDATA[960框架]]></category>
		<category><![CDATA[初体验]]></category>

		<guid isPermaLink="false">http://www.ilmilk.com/?p=299</guid>
		<description><![CDATA[先说下什么是960框架&#8230; 960 css system 960CSS框架是一个非常流行的CSS框架，它是国外最成熟的CSS框架之一，而且结构清晰，代码简洁，容易上手。 960的基本原理是网格技术，而且960是CSS 网格技术的最完美实现。 网格技术是最近两年才出现的一种网页布局方法，它的原理是将页面平均分割成N列，然后通过组合相应数量的列来完成对页面的布局。 960的方法是，将页面平均分成12列或16列，然后列与列之间是完全独立的，每一列的margin和padding都是相同的，这样，每列之间就不会出现那些常见的bug。 BluePrint和YUI也有网格技术，但是它们的列与列之间的空白，是通过单边的margin来实现的，这样就需要在第一列或最后一列添加额外的样式。好了，回归正题~很久前看过960框架介绍，没深入去了解，所以一直也没机会尝试。前段时间正好设计一个专题，发现此专题可以用960框架去实现。要看demo就点我啦~ 文绉绉的话不会说了，第一次尝试吧，在实践过程中学到挺多的。我用的是24列框架布局，每一列的宽度是30px，间隔是margin：0 5px; 核心代码： .container_24 { width:960px; clear:both; overflow:hidden; _height:1%; margin-bottom:10px;} .grid_6,.grid_12,.grid_18 { margin:0 5px; float:left; display:inline;} .grid_6 { width:310px;} .grid_12 { width:470px;} .grid_18 { width:630px;} 对于每列的公用样式，通过“.grid_1,.grid_2,.grid_3, …… .grid_24这样的写法来实现，我认为不如将这个公用的样式独立出来，写成另外的一个样式，而每列的class，只负责控制列的宽度就行了，这样比较灵活而且更简单， 更易于理解和使用。 需要注意的： 1.设计前务必得计算好宽度，请精确到1px 2.960框架的宽度为960px,960px是有包含第一列的margin-left和最后一列的margin-right 3.清除浮动 clear：both不能少 点击下载：960CSS 暂时就这些，哪里忽略的希望各位懂的同学给我指出来，谢谢~~ 需要了解的DIVCSS面试题目 大型网站css样式命名和应用原则 全面兼容IE6/IE7/IE8/FF的CSS 


<ol><li><a href='http://www.ilmilk.com/need-to-know-divcss-interview-questions.html' rel='bookmark' title='Permanent Link: 需要了解的DIVCSS面试题目'>需要了解的DIVCSS面试题目</a></li>
<li><a href='http://www.ilmilk.com/large-sites-and-application-of-the-principles-of-css-style-name.html' rel='bookmark' title='Permanent Link: 大型网站css样式命名和应用原则'>大型网站css样式命名和应用原则</a></li>
<li><a href='http://www.ilmilk.com/css-hack.html' rel='bookmark' title='Permanent Link: 全面兼容IE6/IE7/IE8/FF的CSS HACK'>全面兼容IE6/IE7/IE8/FF的CSS HACK</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://960.gs/"><img class="alignleft size-full wp-image-300" title="960 Grid System" src="http://www.ilmilk.com/wp-content/uploads/2011/01/960.jpg" alt="" width="316" height="212" /></a>先说下什么是960框架&#8230;</p>
<div>
<p>960 css system</p>
</div>
<p><a href="http://960.gs/" target="_blank">960CSS框架</a>是一个非常流行的CSS框架，它是国外最成熟的CSS框架之一，而且结构清晰，代码简洁，容易上手。</p>
<p>960的基本原理是网格技术，而且960是CSS 网格技术的最完美实现。</p>
<p>网格技术是最近两年才出现的一种网页布局方法，它的原理是将页面平均分割成N列，然后通过组合相应数量的列来完成对页面的布局。</p>
<p>960的方法是，将页面平均分成12列或16列，然后列与列之间是完全独立的，每一列的margin和padding都是相同的，这样，每列之间就不会出现那些常见的bug。</p>
<p>BluePrint和YUI也有网格技术，但是它们的列与列之间的空白，是通过单边的margin来实现的，这样就需要在第一列或最后一列添加额外的样式。<span id="more-299"></span>好了，回归正题~很久前看过960框架介绍，没深入去了解，所以一直也没机会尝试。前段时间正好设计一个专题，发现此专题可以用960框架去实现。<a href="http://ilmilk.com/demo/960/" target="_blank">要看demo就点我啦~</a></p>
<p>文绉绉的话不会说了，第一次尝试吧，在实践过程中学到挺多的。我用的是24列框架布局，每一列的宽度是30px，间隔是margin：0 5px;</p>
<p>核心代码：</p>
<blockquote>
<div id="_mcePaste">
<div id="_mcePaste">.container_24 { width:960px; clear:both; overflow:hidden; _height:1%; margin-bottom:10px;}</div>
<div id="_mcePaste">.grid_6,.grid_12,.grid_18 { margin:0 5px; float:left; display:inline;}</div>
<div id="_mcePaste">.grid_6 { width:310px;}</div>
<div id="_mcePaste">.grid_12 { width:470px;}</div>
<div id="_mcePaste">.grid_18 { width:630px;}</div>
</div>
</blockquote>
<p>对于每列的公用样式，通过“.grid_1,.grid_2,.grid_3, …… .grid_24这样的写法来实现，我认为不如将这个公用的样式独立出来，写成另外的一个样式，而每列的class，只负责控制列的宽度就行了，这样比较灵活而且更简单， 更易于理解和使用。</p>
<p>需要注意的：</p>
<p>1.设计前务必得计算好宽度，请精确到1px</p>
<p>2.960框架的宽度为960px,960px是有包含第一列的margin-left和最后一列的margin-right</p>
<p>3.清除浮动 clear：both不能少</p>
<p>点击下载：<a href="http://ilmilk.com/demo/960/960CSS.rar" target="_blank">960CSS</a></p>
<p>暂时就这些，哪里忽略的希望各位懂的同学给我指出来，谢谢~~</p>


<p><ol><li><a href='http://www.ilmilk.com/need-to-know-divcss-interview-questions.html' rel='bookmark' title='Permanent Link: 需要了解的DIVCSS面试题目'>需要了解的DIVCSS面试题目</a></li>
<li><a href='http://www.ilmilk.com/large-sites-and-application-of-the-principles-of-css-style-name.html' rel='bookmark' title='Permanent Link: 大型网站css样式命名和应用原则'>大型网站css样式命名和应用原则</a></li>
<li><a href='http://www.ilmilk.com/css-hack.html' rel='bookmark' title='Permanent Link: 全面兼容IE6/IE7/IE8/FF的CSS HACK'>全面兼容IE6/IE7/IE8/FF的CSS HACK</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.ilmilk.com/framework-for-the-beginning-of-the-experience-of-960-2.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>80级奶德装备选择参考</title>
		<link>http://www.ilmilk.com/80-resto-druid-equipment-selection-information.html</link>
		<comments>http://www.ilmilk.com/80-resto-druid-equipment-selection-information.html#comments</comments>
		<pubDate>Sun, 16 Jan 2011 10:48:42 +0000</pubDate>
		<dc:creator>ilmilk</dc:creator>
				<category><![CDATA[搞笑娱乐]]></category>
		<category><![CDATA[80级]]></category>
		<category><![CDATA[奶德]]></category>
		<category><![CDATA[装备]]></category>
		<category><![CDATA[魔兽世界]]></category>

		<guid isPermaLink="false">http://www.ilmilk.com/?p=292</guid>
		<description><![CDATA[　　本文介绍了部分80级PVE恢复系DRU的可选装备以供参考。一般来说，在获得牌子装和英雄副本掉落的装备之前，能够先入手的是任务奖励和声望装备，借助于适当的天赋、宝石和附魔，下面所列的装备可以使恢复德5人以至10/25人的团队副本中成功担任治疗工作。 　　这份列表假定玩家当时还没有开始从10/25人副本中获得装备，所以它们的来源主要是任务奖励、普通/英雄难度的5人副本。 　　排名的顺序是优先介绍加法术强度和精神/智力的。下面的装备是假定玩家已经加了恢复系精神相关的天赋(一般来说，80级的恢复德都会加)。如果没加，就得考虑到5秒回蓝属性了。 　　如果只打5人本，那法力回复不是太重要，但10/25人副本就要面对冗长战斗所带来的回蓝压力，尤其是需要为成就挑战高难度的时候(比如幼龙模式萨斯里昂)，法力消耗非常大。 　　装备被分为以下几部分—— 　　* 最佳选择：此分类中的装备比其他相同条件下能得到的其他装备要好，不过大部分需要牌子或价格较高。 　　* 最佳掉落：无须多说，这是5人副本(包括英雄难度)里能得到的最好掉落品。 　　* 最佳任务回报：如所述，但很多任务奖励也是需要下副本的，所以也可以在做任务的同时追求那些副本掉落装。 　　* 最佳声望奖励：各阵营军需官出售的声望装备。虽然它们的属性经常不尽如人意，但仍然有值得入手又容易达到购买要求的东西。 　　* 备选：这一分类里的装备也很适用，可以用其他途径得到。比方拍卖行里的BOE蓝紫装，或者一些冷门五人本里的掉落等等。有些东西出现在这里可能显得有些奇怪，但从性价比出发它们仍可一用。认真插宝石上附魔的话，也不一定非得弄一身“强力”装备才能RAID。 　　* 附魔：经济上还有余力的话，应该使用附魔等手段尽量提高装备水平。 　　头部： 　　* 最佳选择：英雄魔枢的阿诺玛鲁斯头盔。 　　* 最佳掉落：从英雄魔环里的魔网守护者埃雷苟斯得到的狂乱魔法皇冠，或者英雄净化斯坦索姆里塑血者沙尔拉姆掉落的遗忘暗影兜帽。他们的总体属性和阿诺玛鲁斯头盔相差无几，所以三选其一就可以了。 　　* 最佳任务奖励：诱导兜帽，灰熊丘陵德克萨隆要塞的净化达克萨隆任务奖励。 　　* 最佳声望奖励： 雄鹿神灵头盔，需要肯瑞托声望尊敬。 　　* 备选：长者头饰，从英雄安卡赫特：古代王国安卡赫特：古代王国的纳多克斯长老处获得。没有插槽，但仍然可以一用。 　　* 附魔：祝福治愈秘药，需要龙眠联军崇敬。 　　* 插槽：I洞察之大地侵攻钻石很有用。如果装备还能更好一些，灰烬之天焰钻石属性更好。 　　颈部： 　　* 最佳掉落：耀眼光芒护符，英雄魔枢的阿诺玛鲁斯可出。 　　* 最佳任务奖励：北伐军护符，冰冠冰川元帅的下落的任务奖励。 　　* 最佳声望奖励：无 　　* 备选：龙头护符，英雄乌特加德城堡掉落的BOE装备。 　　肩部： 　　* 最佳掉落：沉默观众护肩，英雄难度乌特加德之巅的席瓦拉&#38;#8226;索格蕾掉落，或者选择英雄净化斯坦索姆的欺瞒护肩，从黑暗符文之箱(Dark Runed chest)获得。 　　* 最佳任务奖励：闪电灌注衬肩，风暴峭壁势不两立任务奖励。 　　* 最佳声望奖励：无 　　* 备选：符文法师衬肩，英雄乌特加德城堡掉落的拾取绑定紫装。 　　* 附魔：强效峭壁铭文，需要霍迪尔之子声望崇拜。不过，如果铭文等级达到400的话，也可以用大师的峭壁铭文，效果差不多。 


<ol><li><a href='http://www.ilmilk.com/the-process-is-accidental-the-outcome-is-abnormal.html' rel='bookmark' title='Permanent Link: 过程很意外，结局很变态'>过程很意外，结局很变态</a></li>
<li><a href='http://www.ilmilk.com/nike-kicked-out-of-the-legendary-south-african-world-cup-series-trailer.html' rel='bookmark' title='Permanent Link: NIKE《踢出传奇》南非世界杯系列预告片'>NIKE《踢出传奇》南非世界杯系列预告片</a></li>
<li><a href='http://www.ilmilk.com/30-years-old-classic-pacman-game-rights.html' rel='bookmark' title='Permanent Link: 经典吃豆子游戏30周岁啦'>经典吃豆子游戏30周岁啦</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>　　本文介绍了部分80级PVE恢复系DRU的可选装备以供参考。一般来说，在获得牌子装和英雄副本掉落的装备之前，能够先入手的是任务奖励和声望装备，借助于适当的天赋、宝石和附魔，下面所列的装备可以使恢复德5人以至10/25人的团队副本中成功担任治疗工作。</p>
<p>　　这份列表假定玩家当时还没有开始从10/25人副本中获得装备，所以它们的来源主要是任务奖励、普通/英雄难度的5人副本。</p>
<p>　　排名的顺序是优先介绍加法术强度和精神/智力的。下面的装备是假定玩家已经加了恢复系精神相关的天赋(一般来说，80级的恢复德都会加)。如果没加，就得考虑到5秒回蓝属性了。</p>
<p>　　如果只打5人本，那法力回复不是太重要，但10/25人副本就要面对冗长战斗所带来的回蓝压力，尤其是需要为成就挑战高难度的时候(比如幼龙模式萨斯里昂)，法力消耗非常大。<span id="more-292"></span></p>
<p>　　装备被分为以下几部分——</p>
<p>　　* 最佳选择：此分类中的装备比其他相同条件下能得到的其他装备要好，不过大部分需要牌子或价格较高。</p>
<p>　　* 最佳掉落：无须多说，这是5人副本(包括英雄难度)里能得到的最好掉落品。</p>
<p>　　* 最佳任务回报：如所述，但很多任务奖励也是需要下副本的，所以也可以在做任务的同时追求那些副本掉落装。</p>
<p>　　* 最佳声望奖励：各阵营军需官出售的声望装备。虽然它们的属性经常不尽如人意，但仍然有值得入手又容易达到购买要求的东西。</p>
<p>　　* 备选：这一分类里的装备也很适用，可以用其他途径得到。比方拍卖行里的BOE蓝紫装，或者一些冷门五人本里的掉落等等。有些东西出现在这里可能显得有些奇怪，但从性价比出发它们仍可一用。认真插宝石上附魔的话，也不一定非得弄一身“强力”装备才能RAID。</p>
<p>　　* 附魔：经济上还有余力的话，应该使用附魔等手段尽量提高装备水平。</p>
<p>　　<strong>头部：</strong></p>
<p>　　* 最佳选择：英雄魔枢的阿诺玛鲁斯头盔。</p>
<p>　　* 最佳掉落：从英雄魔环里的魔网守护者埃雷苟斯得到的狂乱魔法皇冠，或者英雄净化斯坦索姆里塑血者沙尔拉姆掉落的遗忘暗影兜帽。他们的总体属性和阿诺玛鲁斯头盔相差无几，所以三选其一就可以了。</p>
<p>　　* 最佳任务奖励：诱导兜帽，灰熊丘陵德克萨隆要塞的净化达克萨隆任务奖励。</p>
<p>　　* 最佳声望奖励： 雄鹿神灵头盔，需要肯瑞托声望尊敬。</p>
<p>　　* 备选：长者头饰，从英雄安卡赫特：古代王国安卡赫特：古代王国的纳多克斯长老处获得。没有插槽，但仍然可以一用。</p>
<p>　　* 附魔：祝福治愈秘药，需要龙眠联军崇敬。</p>
<p>　　* 插槽：I洞察之大地侵攻钻石很有用。如果装备还能更好一些，灰烬之天焰钻石属性更好。</p>
<p>　　<strong>颈部：</strong></p>
<p>　　* 最佳掉落：耀眼光芒护符，英雄魔枢的阿诺玛鲁斯可出。</p>
<p>　　* 最佳任务奖励：北伐军护符，冰冠冰川元帅的下落的任务奖励。</p>
<p>　　* 最佳声望奖励：无</p>
<p>　　* 备选：龙头护符，英雄乌特加德城堡掉落的BOE装备。</p>
<p>　　<strong>肩部：</strong></p>
<p>　　* 最佳掉落：沉默观众护肩，英雄难度乌特加德之巅的席瓦拉&amp;#8226;索格蕾掉落，或者选择英雄净化斯坦索姆的欺瞒护肩，从黑暗符文之箱(Dark Runed chest)获得。</p>
<p>　　* 最佳任务奖励：闪电灌注衬肩，风暴峭壁势不两立任务奖励。</p>
<p>　　* 最佳声望奖励：无</p>
<p>　　* 备选：符文法师衬肩，英雄乌特加德城堡掉落的拾取绑定紫装。</p>
<p>　　* 附魔：强效峭壁铭文，需要霍迪尔之子声望崇拜。不过，如果铭文等级达到400的话，也可以用大师的峭壁铭文，效果差不多。</p>
<p>　　<strong>披风：</strong></p>
<p>　　* 最佳选择：精魂披风，裁缝制造的BOE装备。以WLK初期的物价水平来说还有点贵；另外现在能完成诺森德地下城大师成就的裁缝也不好找。</p>
<p>　　* 最佳掉落：地下瀑布披风，英雄安卡赫特：古代王国的耶戈达&amp;#8226;觅影者掉落，或者可以选用英雄魔环魔网守护者埃雷苟斯掉落的上古龙魂斗篷。</p>
<p>　　* 最佳任务奖励：血毒的斗篷，冰冠冰川血毒的命运任务奖励。</p>
<p>　　* 最佳声望奖励：声望披风对恢复德都不太适用，不过如果没拿到其他可用的优秀选择，可以使用专注研究斗篷，要求肯瑞托尊敬。</p>
<p>　　* 备选：复活者的披风，英雄达克萨隆要塞掉落的BOE装备。</p>
<p>　　* 附魔：随便对付一个就行。如果很在乎法力回复，那就选择附魔披风-智慧，它还能降低仇恨。如果MP5没问题的话，那可能会需要一些提高治疗的手段，比如附魔披风-强效速度。个人强烈认为后者比前者强，前者为了10点精神不值得付出6个深渊水晶。</p>
<p>　　<strong>胸部：</strong></p>
<p>　　* 最佳选择：英雄的梦游者长袍，需要80块英雄纹章换取。</p>
<p>　　* 最佳掉落：泰坦之袍，普通难度闪电大厅洛肯掉落。</p>
<p>　　* 最佳任务奖励： 辉煌胜利外套，冰冠冰川的任务瓦哈拉斯之战：终极挑战奖励。</p>
<p>　　* 最佳声望奖励：爆焰长袍，需要肯瑞托声望崇拜。</p>
<p>　　* 备选：伊米亚医师之袍，英雄乌特加德之巅掉落的BOE胸甲。如果能自己打到最好，打不到可以买，不值多少钱。另外还可以考虑月影长袍，可以请学裁缝的朋友给做一件。</p>
<p>　　* 附魔：原来的+15精神胸部附魔现在没有了，所以还想要这种属性的话就要附附魔胸甲-强力属性。</p>
<p>　　<strong>腕部：</strong></p>
<p>　　* 最佳掉落：巨翼护腕，英雄难度魔环的魔网守护者埃雷苟斯掉落，或者选择英雄乌特加德之巅中席瓦拉&amp;#8226;索格蕾掉落的穹顶护腕。</p>
<p>　　* 最佳任务奖励：翱翔裹腕，魔环中的龙翼之力任务奖励。</p>
<p>　　* 最佳声望奖励：黑锋骑士崇敬的裹伤腕甲和龙眠联军崇敬的远祖龙筋护腕不相上下，看想要后者的插槽还是前者的属性。</p>
<p>　　* 附魔：无可置疑，附魔护腕-超级法术能量。学制皮的玩家还可以用毛皮衬垫-法术强度。</p>
<div id="text">
<p>　　<strong>手套：</strong></p>
<p>　　* 最佳选择：英雄的梦游者护手，60块英雄纹章换取。</p>
<p>　　* 最佳掉落：眺望护手，英雄难度达克萨隆要塞中的先知萨隆亚掉落。</p>
<p>　　* 最佳任务奖励：时间守护者手套，任务皇家护卫的奖励，在普通/英雄难度的净化斯坦索姆中均可完成。</p>
<p>　　* 最佳声望奖励：消过毒的医疗手套，需要黑锋骑士崇敬。</p>
<p>　　* 备选：月影手套，裁缝制造，BOE绑定，另一备选是岩洞迷雾手套，英雄艾卓-尼鲁布的哈多诺克斯掉落。</p>
<p>　　* 附魔：附魔手套-优异法术强度。</p>
<p>　　<strong>腰带：</strong></p>
<p>　　* 最佳选择：神殿花园束带，需要40块英雄纹章。</p>
<p>　　* 最佳掉落：活泼腰带，英雄闪电大厅沃尔坎掉落。</p>
<p>　　* 最佳任务奖励：铭记腰带，冰冠冰川黑暗中的光明任务奖励。</p>
<p>　　* 最佳声望奖励：黑锋骑士崇拜的黑暗治愈腰带或者肯瑞托崇拜的鬼火腰带都可以。后者有插槽。</p>
<p>　　* 附魔：没什么合适的附魔，不过可以考虑用一下永恒腰带扣。</p>
<p>　　<strong>裤子：</strong></p>
<p>　　* 最佳选择：大地赐福护腿，制皮BOE装。</p>
<p>　　* 最佳掉落：古代王国之裙或者被遗忘的无面者褶裙，都是英雄安卡赫特：古代王国的传令官沃拉兹掉落。</p>
<p>　　* 最佳任务奖励：强化复兴护腿，风暴峭壁的钢铁巨像任务奖励。</p>
<p>　　* 最佳声望奖励：巨人伙伴褶裙，霍迪尔之子声望崇敬可用。它对平衡德也很有用，不过只靠声望就能入手真太让人吃惊了。</p>
<p>　　* 备选：英雄难度紫罗兰监狱中，塞安妮苟萨掉落的塞安妮苟萨的护腿，以及英雄魔枢中Commander Stoutbeard/Commander Kolurg掉落的停滞护腿，又或者，英雄乌特加德城堡中掠夺者因格瓦尔所掉落的召唤者的长裤亦可一用。</p>
<p>　　* 附魔：天蓝魔线或辉煌魔线，取决于自己对生命/法力的侧重需求。</p>
<p>　　<strong>脚部：</strong></p>
<p>　　* 最佳选择：奥法践踏者，玛里苟斯25人难度下掉落的BOE装备。如果非常非常幸运，可能会有对此已经无需求的团队拿它出售，能够直接买到，但它也不会便宜。</p>
<p>　　* 最佳掉落：英雄魔枢中Commander Stoutbear/Commander Kolrug掉落的祭司的亚麻鞋，英雄古达克中迦尔达拉掉落的变形长靴，或者英雄紫罗兰监狱中谢沃兹掉落的传送裹足。</p>
<p>　　* 最佳任务奖励：鹿皮缝合软靴，独一无二的任务奖励，在古达克开始。或者暗语者的足垫，冰冠冰川思维诡计任务的奖励。</p>
<p>　　* 最佳声望奖励：红龙怒火便鞋，要求龙眠联军声望崇拜。</p>
<p>　　* 备选：大地赐福长靴，制皮BOE装备。</p>
<p>　　* 附魔： 附魔靴子-强效精神和附魔靴子-海象人的活力都可以，取决于装备配置与游戏方向。如果点了恢复天赋树上与精神相关的天赋，强效精神的作用要大一点。</p>
<p>　　<strong>戒指：</strong></p>
<p>　　* 最佳掉落：预言者的幽魂徽记，英雄难度达克萨隆要塞的先知萨隆亚掉落，或者狡诈指环，由英雄旧斯坦索姆中的黑暗符文之箱(Dark Runed chest)获得。</p>
<p>　　* 最佳任务奖励：狮头戒指，古达克的任务前车之鉴奖励，或者繁荣指环，魔环任务战斗仍在继续的奖励。</p>
<p>　　* 最佳声望奖励：希望之光，要求银色北伐军声望崇拜。</p>
<p>　　* 备选：泰坦神铁魔震指环，珠宝加工制造的BOE装备。</p>
<p>　　* 附魔(如果能用的话)：附魔戒指-强效法术能量。</p>
<p>　　<strong>饰品：</strong></p>
<p>　　* 最佳选择：暗月卡片：伟大。个人认为用它提升智力还是比精神好一些。不过问题在于，服务器上对相关物品的竞争会非常激烈，所以没准得花非常多的GOLD才能弄到。所以精魄更容易入手，可以用40块英雄纹章换取。</p>
<p>　　* 最佳掉落：护魂者，由净化斯坦索姆中的黑暗符文之箱(Dark Runed chest)获得；巨魔神明护符，英雄难度达克萨隆要塞中的先知萨隆亚掉落；生命的火花，英雄岩石大厅的塑铁者斯约尼尔掉落；或者奥法之书，英雄魔环中的魔网守护者埃雷苟斯掉落。</p>
<p>　　* 最佳任务奖励：炮兵的士气，冰冠冰川最后一道防线任务奖励。或者相应等级的其他加法术强度的绿色任务奖励饰品。比方说预见符文，龙骨荒野的永恒之龙的秘密，再来一次任务奖励。</p>
<p>　　* 最佳声望奖励：没有太适合的声望饰品，如果实在没别的选择，可以用狂心怒火徽记或神谕者的洗礼护符。</p>
<p>　　* 备选： 雕像 &#8211; 蓝宝石猫头鹰，珠宝制造；或者可以使用炼金专用的水银炼金石。</p>
<p>　　* 重要注意：另外有人指出，对于恢复德，最好的饰品是暗月卡片：蓝龙。所以请同样关注它。</p>
<p>　　<strong>武器：</strong></p>
<p>　　* 最佳选择：龙人战斗法杖，英雄难度魔环中魔网守护者埃雷苟斯掉落。</p>
<p>　　* 最佳掉落：单恋战锤，英雄魔枢的克瑞斯托萨掉落，或者灵息魔刃/顽固法则之杖，英雄乌特加德之巅的残忍的斯卡迪掉落。另外，灵息魔刃的造型很象剑，小德拿着很好玩。</p>
<p>　　* 最佳任务奖励：螺丝医疗锤， 祖达克中痛苦斗兽场的冠军的任务奖励。</p>
<p>　　* 最佳声望奖励：酝酿风暴之槌，需要龙眠联军声望崇敬。</p>
<p>　　* 备选：泰坦精钢卫士，锻造BOE装备。</p>
<p>　　* 附魔：可寻找公式：附魔武器 &#8211; 极效法术能量，但它在WLK前期的价格非常高，所以很少有人使用。一般可以用附魔武器-优异法术能量，或者附魔武器-优异精神也行。</p>
<p>　　<strong>副手：</strong></p>
<p>　　* 最佳选择：黑暗医疗手册，40块英雄纹章换取。</p>
<p>　　* 最佳掉落：神殿水晶碎片，英雄难度达克萨隆要塞的召唤者诺沃斯掉落。</p>
<p>　　* 最佳任务奖励：巫术魔典，冰冠冰川任务女妖的复仇奖励。</p>
<p>　　* 最佳声望奖励：唯一选择是暗矛宝珠(部落)或东部王国宝珠(联盟)，要求在各自对应的诺森德先遣军阵营声望中达到崇敬。</p>
<p>　　* 备选：冰霜之桥宝珠，英雄难度魔环掉落，装备绑定。</p>
</div>
<p><!-- text --></p>


<p><ol><li><a href='http://www.ilmilk.com/the-process-is-accidental-the-outcome-is-abnormal.html' rel='bookmark' title='Permanent Link: 过程很意外，结局很变态'>过程很意外，结局很变态</a></li>
<li><a href='http://www.ilmilk.com/nike-kicked-out-of-the-legendary-south-african-world-cup-series-trailer.html' rel='bookmark' title='Permanent Link: NIKE《踢出传奇》南非世界杯系列预告片'>NIKE《踢出传奇》南非世界杯系列预告片</a></li>
<li><a href='http://www.ilmilk.com/30-years-old-classic-pacman-game-rights.html' rel='bookmark' title='Permanent Link: 经典吃豆子游戏30周岁啦'>经典吃豆子游戏30周岁啦</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.ilmilk.com/80-resto-druid-equipment-selection-information.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS中强制换行与强制不换行</title>
		<link>http://www.ilmilk.com/css-in-line-with-the-force-do-not-force-the-line.html</link>
		<comments>http://www.ilmilk.com/css-in-line-with-the-force-do-not-force-the-line.html#comments</comments>
		<pubDate>Sat, 15 Jan 2011 02:40:51 +0000</pubDate>
		<dc:creator>ilmilk</dc:creator>
				<category><![CDATA[CSS之美]]></category>
		<category><![CDATA[强制换行]]></category>

		<guid isPermaLink="false">http://www.ilmilk.com/?p=289</guid>
		<description><![CDATA[/* 禁止换行 */ .nowrap{word-break:keep-all;white-space:nowrap;} /* 强制换行 */ .break{word-break:break-all;} 在不想换行的标记上加入样式nowrap，在需要强制换行的地方加入样式break，这样就实现了强制换行与不换行了。 mark~加深印象！顺便测试下更换IP后，文章多长时间能被搜索引擎收录~ 利用CSS突出显示不同类型的链接 大型网站CSS组织架构 大型网站css样式命名和应用原则


<ol><li><a href='http://www.ilmilk.com/use-css-highlight-the-different-types-of-links.html' rel='bookmark' title='Permanent Link: 利用CSS突出显示不同类型的链接'>利用CSS突出显示不同类型的链接</a></li>
<li><a href='http://www.ilmilk.com/organizational-structure-of-large-sites-css.html' rel='bookmark' title='Permanent Link: 大型网站CSS组织架构'>大型网站CSS组织架构</a></li>
<li><a href='http://www.ilmilk.com/large-sites-and-application-of-the-principles-of-css-style-name.html' rel='bookmark' title='Permanent Link: 大型网站css样式命名和应用原则'>大型网站css样式命名和应用原则</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<blockquote><p>/* 禁止换行 */<br />
.nowrap{word-break:keep-all;white-space:nowrap;}<br />
/* 强制换行 */<br />
.break{word-break:break-all;}</p></blockquote>
<p>在不想换行的标记上加入样式nowrap，在需要强制换行的地方加入样式break，这样就实现了强制换行与不换行了。</p>
<p>mark~加深印象！顺便测试下更换IP后，文章多长时间能被搜索引擎收录~</p>


<p><ol><li><a href='http://www.ilmilk.com/use-css-highlight-the-different-types-of-links.html' rel='bookmark' title='Permanent Link: 利用CSS突出显示不同类型的链接'>利用CSS突出显示不同类型的链接</a></li>
<li><a href='http://www.ilmilk.com/organizational-structure-of-large-sites-css.html' rel='bookmark' title='Permanent Link: 大型网站CSS组织架构'>大型网站CSS组织架构</a></li>
<li><a href='http://www.ilmilk.com/large-sites-and-application-of-the-principles-of-css-style-name.html' rel='bookmark' title='Permanent Link: 大型网站css样式命名和应用原则'>大型网站css样式命名和应用原则</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.ilmilk.com/css-in-line-with-the-force-do-not-force-the-line.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>博客再次搬家，回国啦！</title>
		<link>http://www.ilmilk.com/blog-moving-again-to-return-rights.html</link>
		<comments>http://www.ilmilk.com/blog-moving-again-to-return-rights.html#comments</comments>
		<pubDate>Fri, 14 Jan 2011 10:05:52 +0000</pubDate>
		<dc:creator>ilmilk</dc:creator>
				<category><![CDATA[心情日志]]></category>
		<category><![CDATA[博客]]></category>
		<category><![CDATA[搬家]]></category>

		<guid isPermaLink="false">http://www.ilmilk.com/?p=286</guid>
		<description><![CDATA[Blog最早放国内服务器，接着因为备案等种种原因，背井离乡~直到今天，实在受不了国外服务器的访问速度，所以又搬回来了~现在的速度是不是很快，HOHO~但愿别再搬了。:razz: 发个测试贴，还是那句话，生命在于折腾！ PJ换成了WP，Blog改版上线 皇马，再见！ WordPress搬家小记


<ol><li><a href='http://www.ilmilk.com/new-blog.html' rel='bookmark' title='Permanent Link: PJ换成了WP，Blog改版上线'>PJ换成了WP，Blog改版上线</a></li>
<li><a href='http://www.ilmilk.com/goodbye-real-madrid.html' rel='bookmark' title='Permanent Link: 皇马，再见！'>皇马，再见！</a></li>
<li><a href='http://www.ilmilk.com/wp-change-host.html' rel='bookmark' title='Permanent Link: WordPress搬家小记'>WordPress搬家小记</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Blog最早放国内服务器，接着因为备案等种种原因，背井离乡~直到今天，实在受不了国外服务器的访问速度，所以又搬回来了~现在的速度是不是很快，HOHO~但愿别再搬了。:razz:</p>
<p>发个测试贴，还是那句话，生命在于折腾！</p>


<p><ol><li><a href='http://www.ilmilk.com/new-blog.html' rel='bookmark' title='Permanent Link: PJ换成了WP，Blog改版上线'>PJ换成了WP，Blog改版上线</a></li>
<li><a href='http://www.ilmilk.com/goodbye-real-madrid.html' rel='bookmark' title='Permanent Link: 皇马，再见！'>皇马，再见！</a></li>
<li><a href='http://www.ilmilk.com/wp-change-host.html' rel='bookmark' title='Permanent Link: WordPress搬家小记'>WordPress搬家小记</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.ilmilk.com/blog-moving-again-to-return-rights.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

