Web Design

[Layout] Web Design Part 9

大過年的,穿新衣戴新帽好像已經是小時候的事情了。所以,趁著大過年,找點事情來充實一下其實也是不錯的。當然,肚子已經充實了,腦袋也要充實一下,不然實在有點說不過去。 是說包紅包嘛,紅包肥了,荷包就瘦了。所以不要來跟我拜年。 -------------------------------------------------------------------------------- 如何選擇 市面上眾多的 CSS Framework 之所以說樣式無用(Style Agnostic),是因為他們已經幫你定義 好,什麼樣的選擇器,該做什麼樣的事情。但是,如果我們從頭開始,我們該怎麼去選擇? 實際上,你對於選擇器這樣的東西,有多少的了解?簡單的說,他就像是積木,

[Layout] Web Design Part 8

小時候,我家門口還是石子路的時候。老媽偶爾會帶我們去買玩具,小孩子嘛,不過大多都是簡單的積木。我沒聽過什麼叫做樂高,但是就是那種拼拼湊湊的東西就是了。印象裡,我跟老弟好像曾經用積木,拼出一台機器人出來。當時還刻意擺在神桌上(大不敬 拼圖遊戲老媽很愛玩,最高紀錄曾經連續兩三個月拼出三張 1000 片的拼圖。然後玩到脖子疑似落枕那般的扭傷,還被老爸唸了一陣子。尋找區塊或是幾何對我們來說好像不是太困難,創意才是。 -------------------------------------------------------------------------------- 積木遊戲 形狀可能很多樣化,但是組合的方式大概也就那幾種。積木不就是你接我、我接你,然後接來接去組合成一個我們想要的形狀。切版設計大概也是這個概念,HTML code 也只是我們的積木而已,視覺大概就像是積木盒的完成圖,告訴你我可以拼出哪些花樣,

[Layout] Web Design Part 0.5

中場休息時間,我們來聊一些有趣的東西。畢竟是假日,所以再繼續談一些切版的瑣碎,難免會喘不過氣來。倦怠是難免,就像是切版切久了總是會膩,會手癢想玩一些新的把戲。 像是 CSS Framework 這樣的玩具(哪裡有輕鬆啊你)。 -------------------------------------------------------------------------------- CSS Framework 雖然名字叫做樣式表框架,但是事實上稱他們為框架是有點過而不及。簡單的說,CSS Framework 提供了我們一定的規則可以依循,依照這些規則,能夠快速的打造一些較為制式的樣式輸出。 * Blueprint [http://www.blueprintcss.org/] * 960 Grid System [http:

[Layout] Web Design Part 7

以前在寫網頁的時候,曾經遇過這麼一件趣事。IE 光宗耀祖的 hasLayout 還不是那麼令人詬病的年代,為了解決 IE 與 Netscape 的動態效果不一致的狀況,不斷地查詢 position 定位問題時,曾經看過這麼樣一註解: > /* Don't ask, just do it. */ zoom: 1; 然後我就哭了。 -------------------------------------------------------------------------------- 定位、浮動與推齊 在盒子元件中,最讓人不高興的,大概就是定位點的問題。我們如果時常使用 position, float, clear

[Layout] Web Design Part 6

對於畫面呈現來說,其實最終目的我相信是一樣的。只是工具不同、過程不同,還有能力的不同而有些微的差異。只是這個些微有時後會讓人感覺起來相當的巨大 。無法否定的是,所謂隔行如隔山大概就是這種情況吧。就像我永遠不會有 VD 的美感,而同樣的 VD 可能 也沒有我們這樣的邏輯。 我是說 可能。 -------------------------------------------------------------------------------- SIMPLE IS HARD 對多數人而言,切版這件事情倚賴現有而且強大的軟體,可以幫忙我們解決許多問題,像是 hard-coding。對於網頁設計來說,撰寫 HTML code 本來就是一種必要之惡,但是對於多數網頁設計者來說,HTML