HTML5 Reset Stylesheet
CSS reset是為了方便我們處理css layout跨瀏覽器平台，所面臨各家瀏覽器css預設值不一的情形，藉由css reset來解決此一問題。
然後，在現階段各家瀏覽器紛紛支援HTML5之下，當然，css reset也要有所調整以應該新增加的tag。
+Read more
- Businesswing Design BLOG
- Assist to join the global market.
- works
- Link 連結
- top-bloggers
0 comments
自從YouTube公佈使用HTML5視頻標籤的版本後，這項可以徹底拋棄Flash Player的創新立刻引起了大家的注意，今天Google正式宣佈在TestTube開放基於HTML5的視頻播放實驗。
由於這項實驗剛剛開始，所以目前還不支持包括廣告，字幕，註釋的視頻。客戶端方面，需要同時支持HTML5 video標籤和H.264編碼的視頻（簡單來說，就是Chrome，Safari和安裝了ChromeFrame的 IE瀏覽器）。如果你對HTML5的YouTube感興趣的話，可以進入這個頁面選擇加入實驗。使用HTML5播放的視頻載入界面如上圖，有非常明顯的標識。
另外，如果同時打開之前公佈的Feather功能的話，視頻載入速度還會有明顯的提高。
文章轉載自：谷奧——探尋谷歌的奧秘
A Speedy Way To Write HTML/CSS Code
在這篇文章，我們提出一種新的採用類似css selector語法來快速編寫html code，一種得心應手快速編寫html、css code的工具。
我們先來看一個例子，原始碼如下：
html:xt>div#header>div#logo+ul#nav>li.item-$*5>a
那麼，它輸出的結果將會是：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
</head>
<body>
<div id="header">
<div id="logo"></div>
<ul id="nav">
<li class="item-1"><a href=""></a></li>
<li class="item-2"><a href=""></a></li>
<li class="item-3"><a href=""></a></li>
<li class="item-4"><a href=""></a></li>
<li class="item-5"><a href=""></a></li>
</ul>
</div>
</body>
</html>
一行簡短看似css selector的code竟然能產生這麼完整的html code，是不是很不可思議、很神奇呢！
底下有一個官網簡介的影片，可以快速帶我們進入Zen Coding的世界，就讓我們來觀看此影片吧。
+Read more