CSS三欄式的排版,可供參考!
plurk
在全球瀏覽器市場,雖然後起之秀苦苦追趕,但IE仍拿下67.44%市佔率(2009/02)。對網站開發者來說,IE對網頁標準的視而不見簡直是一場惡夢。 IE Collection幫我們解決了這個問題,可以直接安裝整組IE。
在一台電腦上跑各種不同版本的IE。
對上班族來說,多少用戶並不是重點,如何不要讓老闆、長官發現這塊樂園才是重點。以前上班要看個網拍、玩個MSN都要躲躲藏藏,現在是開個噗浪,很怕老闆來關心:這是什麼?據說,有些動作比較快的公司,已經把Plurk列為封鎖的對象了。 還好,噗浪有很多顯然也是上班族,而且都是高手的噗友大德,做了好幾款Plurk偽裝版型,不管是你上班族、程式設計師、會計、Flash或美工設計等等,都可以找到適合的版型。當我看到這一系列的設計時,我只能說:這真是太神奇了呀!
範例下載: http://88.198.60.17/images/express-css-table-design/express-css-table-design.zip
wowbox blog (網頁設計知識庫)
http://www.wowbox.com.tw/blog/article.asp?id=2933 CSS 網站版面觀摩欣賞 - wowbox blog (網頁設計知識庫)
收集不少的網頁樣本,可依關鍵字、日期來查詢,或是選擇旁邊的色塊,按下色塊的顏色來尋找網頁。
網站內有很多設計感不錯的網站,可依據不同類別瀏覽或是使用關鍵字的方式查詢。
連上該網站看到上百個色彩鮮豔的網站縮圖,點縮圖可以開啟該網站,每個網站的質感都相當不錯。
收集了不少精采的網站供參考,也提供多種排序方式以利搜尋。
從網站的名稱就可以知道,該網站收集了很多設計感極佳的CSS範例網站,除此之外也收集不少CSS範例資源。
有很多高質感的版型可參考,同時會列出該網站的配色參考。
收集很多CSS網站並分門別纇整理,是版面參考的最佳去處,網站內也有CSS的範例集集相關資源可參考。
這是我看書才知道,原來這是一個固定格式的網頁,裡面版面設計完全藉由CSS來設計,創始人希望藉由大家分享自己設計的CSS,互相的學習成長!這真的是個很棒的想法!好像部分圖像是有版權的?
HTML 中預設的文字大小是 16 像素,在 CSS 語法中 1em 指的是文字大小以一個大寫的 M 字為標準的大小,和HTML 中預設的文字大小是 16 像素是相同的,因此 1em 也可以說是 CSS 語法中的預設的文字大小。
線上即時 CSS 編輯器
改寫自如何正確實作出固定寬度且置中的版型
IE 6 actually had the best CSS support of any browser when it first came out… SEVEN YEARS AGO.
第一段話有笑點 :P
The CSS Tools below, which are categorized by function, are here to save you time designing websites
提供網頁設計相關資訊,CSS、JavaScript、FLASH...
其實所謂「Web 2.0的設計風格」這種東西一直是個假議題,我很同意Elliot的看法。從前面提到手繪風的流行,也表現出大家對於圓角、漸層、閃亮按鈕(rounded corners, gradients, shiny buttons)這些東西膩了,相信大部份的設計師都會對此感到很開心。
Image map , Animations with CSS , Text Effect , loading icon , a table with dynamically highlighted columns , footerStick , Lightbox
Here is a simple CSS trick to show you how to create gradient text effect with a PNG image
PNG 是一個很好用的圖片格式,但最大的問題是 IE 不直接支援它的 Alpha Channel。我既找到可以令它支援的方法,就是用 filter 的 AlphaImageLoader。
在我還沒接觸WEB標準之前,有很長一段時間,我都用12px的像素大小來定義頁面字體。12px對於站點的外觀設計來說,恰到好處,10px太小了,看不太清楚,眼睛也很容易疲勞,14px的話又太大了,雖然清楚,但是很容易破壞頁面的美感。