HTML5 Reset Stylesheet
CSS reset是為了方便我們處理css layout跨瀏覽器平台,所面臨各家瀏覽器css預設值不一的情形,藉由css reset來解決此一問題。
然後,在現階段各家瀏覽器紛紛支援HTML5之下,當然,css reset也要有所調整以應該新增加的tag。
+Read more
CSS reset是為了方便我們處理css layout跨瀏覽器平台,所面臨各家瀏覽器css預設值不一的情形,藉由css reset來解決此一問題。
然後,在現階段各家瀏覽器紛紛支援HTML5之下,當然,css reset也要有所調整以應該新增加的tag。
+Read more在這篇文章,我們提出一種新的採用類似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 moreCSScaffold是一個css的framework,但有別以往的css framework,它必須依靠php來輔助開發,但卻更為強大。
P.S.其環境必須要有的-PHP 5+、Apache Mod_rewrite。
因為寫作的方式不同,所以開發的速度大幅提升,以下為其特色:
讓我們看一下官方的簡介影片,就可以了解它有多神奇。
+Read more