CSS三欄式的排版,可供參考!
對上班族來說,多少用戶並不是重點,如何不要讓老闆、長官發現這塊樂園才是重點。以前上班要看個網拍、玩個MSN都要躲躲藏藏,現在是開個噗浪,很怕老闆來關心:這是什麼?據說,有些動作比較快的公司,已經把Plurk列為封鎖的對象了。 還好,噗浪有很多顯然也是上班族,而且都是高手的噗友大德,做了好幾款Plurk偽裝版型,不管是你上班族、程式設計師、會計、Flash或美工設計等等,都可以找到適合的版型。當我看到這一系列的設計時,我只能說:這真是太神奇了呀!
範例下載: http://88.198.60.17/images/express-css-table-design/express-css-table-design.zip
wowbox blog (網頁設計知識庫)
這是我看書才知道,原來這是一個固定格式的網頁,裡面版面設計完全藉由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的話又太大了,雖然清楚,但是很容易破壞頁面的美感。
完全手冊CSS
如果您想學習 CSS,又沒有太多時間由基礎學起,那本書能透過問題與解答方式,提供解答與範例,可以套用,同時又針對問題的解決方式,按步驟說明原理,您可以透過目錄找到您想要的答案,也可以由第一章開始往後面的章節閱讀,當作是一本完整教材。
內含完整範例程式下載。
當代網頁設計
若你是網頁設計者,且常常會感覺網頁開啟速度有點延遲或是不夠快的話,那麼有可能是你的 CSS 檔或是 JS 檔案太過龐大。此時你便可以透過 CSS Compressor 這項線上工具來為你的 CSS 檔進行壓縮和減肥。
艾德將部落格上的導覽列換成了 Mac Dock 的模式,蠻好玩的。主要是透過 js + css 的模式來呈現,這是國外的作品,可以參考
You may call it Lightbox, or Greybox, or Thickbox, but it's always the same effect.
CSS樣式表提供了許多優勢,你沒有在表佈局上,首先是嚴格區分佈置,或設計新的一頁,與信息,對提交的頁面.