Layout

[Layout] Web Design Part 11

從溫暖的南台灣回到萬惡的天龍國,唯一不適應的大概就是溫度吧。其實如果可以的話,來去南台灣置產好像也是個不錯的選擇。不過,可能搬去中南部之後,就不會有人找我做 Layout 了吧(抱頭 所以為了妻小,還是繼續留在北部打拼吧。 -------------------------------------------------------------------------------- 小結 前面寫了這麼多,所以現在來一點點小小心得應該是很合理的。我們從一開始的切版,聊到後面的選擇器問題,然後突然發現又衍生出更多的問題。實際上,當你操作過一次之後,你會發現這是很正常的事情。 這也是我不喜歡食譜的原因。我盡量不要讓文章看起來像食譜,所以我只會跟你們聊聊,在實際操作上可能會遇上什麼事情。然而,還是可能會有很多問題 會在我的製作過程中,下意識的去避開。因為習慣使然,因為 IE6/

[Layout] Web Design Part 10

由於我沒有娘家可以回,所以大年初二在家寫寫部落格也是很合理的。當然也因為這樣,省下不少紅包錢買來的紅包袋只用了兩個,實在有點太說不過去了。 小的時候很期待回去外婆家,長大了,外婆家原本的地址已不復在。然而,我卻有種近鄉情卻的憂愁。 -------------------------------------------------------------------------------- SELECTOR 上一回聊到了一些選擇器,雖然我好像有很多都沒有交待到,但是,基本上選擇器的用法都如出一轍。雖然說 w3c 提供了那麼多的選擇器,但是,由於瀏覽器支援的程度差異,導致這些東西未必全部都可以使用(IE 表示:)。 我們以一個簡單的例子來說明各種選擇器的使用時機,

[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: