fireyy blog

The advantages of ClickToFlash are numerous. Since Flash isn't loaded until you specifically ask for it, your CPU usage will stay at normal levels when browsing the web. This has tons of benefits: web browsing stays speedy, your Mac laptop won't get as hot, and your Mac's fan won't come on as often. In fact, we guarantee* that ClickToFlash will quintuple your battery life and that it will protect those precious parts of your body on which you rest your laptop!

Via ClickToFlash

好东西，把页面里的所有flash元素替换成一个开关，你可以手动来控制载入flash。最后再问候adobe～～

Man vs. Wild, also called Born Survivor: Bear Grylls or Ultimate Survival, is a survival television series hosted by Bear Grylls (Full name: Edward Michael Grylls) , on the Discovery Channel.

Via Man vs. Wild - Wikipedia, the free encyclopedia

探索频道的《荒野求生》，我是在上海的纪实频道看到（周日晚间）的，之后就沉迷了。Bear Grylls 教你求生，如何离开险地。这家伙有一些口头禅：

• 这个东西可以吃！（it is eatable...）
• 这个东西可以生吃！
• 曾经有人xxxxxx（一些方面教材），然后一命呜呼。
• 不进食，人可以活三周，不喝水，人只能活三天。
• 味道就像x屎一样...
• 如果你知道你在做什么，并确定你是对的，就......

虽然并不是什么人都能这样做，但是教的一些求生技巧还是蛮有趣（我的意思是实用）的。最后，除非性命攸关，不然请勿模仿！

We've done the hard work, hand-selecting these typefaces and presenting them in an easy-to-use format.

Via Font Squirrel

比较有特色的字体网站，支持字体预览和@font-face Kit,@font-face Kit提供了跨浏览器的自定义字体解决方案。关于font-face，具体可以看Bulletproof @font-face syntax.

There’s widespread confusion about when to use these elements. I’d like to write a little bit about these elements and how to use them appropriately, using blog template markup as a motivating example.

Via a case study in using HTML5’s sectioning elements — Edward O’Connor

一个很好的blog适用HTML5结构，我要参照这个改进一下目前的模板结构了，稍后谈谈自己的看法 以下是个人见解

• 通常意义上都会使用<header>、<nav>、<aside>、<article>、<footer> 来规定blog的头部、导航、侧边栏、文章、底部，这些标签语意化十分明确。
• <nav>除了可以用在头部的导航，个人认为在分页和上下文选择的部分也可以使用。如果有个<pagination>的标签来用在分页的部分，就更好了
• <hgroup>来包含blog标题和描述，在w3c的文档中有说明，<hgroup>可以用来包含多个标题标签(H1-H6).个人更喜欢用<p>来包含blog描述部分。
• 是不是需要有一个<articles>标签来包含<article>部分？
• 使用<address>来包含一个真实地址或者邮件地址，这个标签是存在已久的，并且语意明确。

最后贴一下我的简单结构，pages和navigation应该不会在同一个页面出现：

<header>
	<h1>title</h1>
	<p class="description"></p>
	<nav>
		<ul>
			<li>index</li>
			<li>page</li>
		</ul>
	</nav>
<header>

<div id="articles">
	<article>
		<h2>activle title</h2>
		<time>12 September 2009</time>
		<div class="entry-content">
			content...
		</div>
	</article>
	<nav id="navigation">
		<a class="prev">...</a>
		<a class="next">...</a>
	</nav>
</div>

<nav id="pages">...</nav>

<aside>
	<section>
		<h3>about</h3>
		...
	</section>	
</aside>

<footer>
	<p>copyright 2009...</p>
</footer>