轉貼自批踢踢Web design版
"不知道大家美術設計都怎麼學的?"
...繼續閱讀
CSS-Tricks近日在網站上做了一個調查："What CSS Reset Do You Use"，其中最多人使用的Eric Meyer的版本(不意外)，佔了27%，令人莞爾的是佔了26%的第二名："CSS Reset是什麼?"。
CSS Reset是什麼?想必台灣很多做網頁設計的也不一定知道啊。簡單的來說，CSS Reset是一整套的CSS設定，用來統一各瀏覽器的不同內建值。舉例來說，如果沒有指定body的margin或padding，在Firefox、 IE5~IE8、Safari等瀏覽器，上方出現的空間是不一樣大的，如果沒有CSS Reset的觀念，要一統網頁在各瀏覽器的外觀，根本不可能。所以每個前端網頁設計師，都得有一套CSS Reset!
...繼續閱讀不管你是用精簡的Notepad++還是龐大的Dreamweaver刻Html跟CSS，都不是挺方便的。
Markup Generator是最近推出的一個線上服務，你可以使用這個工具來結合習慣使用的網頁設計軟體。
舉個例來說，我們通常是手動輸入以下這些程式碼：
XHTML部分
<div id="wrapper">
<h1>標題</h1>
<div class="box">
<ul>
<li id="current"></li>
<li></li>
</ul>
</div>
</div>CSS部分
#wrapper{}
h1{}
.box{}
.box ul{}
.box li{}
#current{}
如果你使用這個Generator，你只需輸入：
(Note：請注意空格跟層級間的關連。)
#wrapper
h1
.box
ul
li
li#current
程式就會幫你跑HTML跟CSS碼出來，這樣就不用辛苦的刻一堆Html，或是讓WYSIWYG軟體自動生成一常串從頭到尾繼承屬性的CSS，去玩玩看吧!
最近逛網站發現歪果人的網頁設計，不管是美感還是技術都遙遙領先台灣。不過看了這麼多作品，不免出現鬼打牆的錯覺，流行的風格或許也可呈現網頁的"時效性"特點?其實我已經被fliter什麼的搞到靠杯了，html塞一堆javascript，CSS檔也塞一堆Hack，累贅死了，可是PNG實在很好用，用的好的話會有令人驚奇的效果(如果你看到中間大圖的背景是灰色的，表示你該換瀏覽器了- -|||)。剛找到一個簡單的方法，大概是目前為止看過最簡單的!首先到這邊下載"iepngfix.zip"這個檔案。把iepngfix.htc和blank.gif這兩個檔案放到你的CSS資料夾裡，在你的CSS檔案裡加上以下語法：
img{behavior: url(iepngfix.htc);}
好了。是的，這樣就好了。 (不過要注意iepngfix.htc的路徑)
以上是針對網站裡直接插入的圖片使用的，如果CSS裡的背景圖也使用png，譬如說#wrapper{ background-image: url(../images/background.png);}，就把上述的那條CSS規則變成：
img, #wrapper{behavior: url(iepngfix.htc);}
同理，你的h3標題的背景都是透明PNG，就寫成img, #wrapper, h3{behavior: url(iepngfix.htc);}
好簡單喔!真棒，長久以來的困擾都解決了!我試用的結果如下^^。