Click here to
get yummy grain feed
delivered to your RSS oven

rss

  • Businesswing Design BLOG
  • Assist to join the global market.
[CSS]HTML5 Reset Stylesheet

Date:二月 2, 2010 | Author:hikaru

HTML5 Reset Stylesheet

CSS reset是為了方便我們處理css layout跨瀏覽器平台,所面臨各家瀏覽器css預設值不一的情形,藉由css reset來解決此一問題。

然後,在現階段各家瀏覽器紛紛支援HTML5之下,當然,css reset也要有所調整以應該新增加的tag。

+Read more

Post to Twitter Post to Plurk Post to Yahoo Buzz Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Ping.fm Post to Reddit Post to StumbleUpon

        
[HTML]Zen Coding

Date:一月 27, 2010 | Author:hikaru

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

Post to Twitter Post to Plurk Post to Yahoo Buzz Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Ping.fm Post to Reddit Post to StumbleUpon

  Categories: 網頁設計 | Tags: , , ,
        

CSScaffold是一個css的framework,但有別以往的css framework,它必須依靠php來輔助開發,但卻更為強大。

P.S.其環境必須要有的-PHP 5+、Apache Mod_rewrite。

Simple, but powerful

因為寫作的方式不同,所以開發的速度大幅提升,以下為其特色:

  • Constants
  • Mixins
  • Nested Selectors
  • Expressions
  • Includes
  • Iteration

讓我們看一下官方的簡介影片,就可以了解它有多神奇。

+Read more

Post to Twitter Post to Plurk Post to Yahoo Buzz Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Ping.fm Post to Reddit Post to StumbleUpon

  Categories: 網頁設計 | Tags: , ,
         top