字裡行間尋趣味 - 樣式表與文字排版
這幾天跑到老貓家撒野,聊了些網頁中文排版的事情,有興趣討論的朋友,可以看看「段落的秘密」這篇。因為自己起先的留言講得不清不楚,有朋友寄信來問,所以就順手做了個簡單的範例:中文段首縮排。不過我覺得就橫書的方塊字而言,段首縮排對易讀性 (readability) 的幫助並不大,所以並不建議使用啦。
這幾天跑到老貓家撒野,聊了些網頁中文排版的事情,有興趣討論的朋友,可以看看「段落的秘密」這篇。因為自己起先的留言講得不清不楚,有朋友寄信來問,所以就順手做了個簡單的範例:中文段首縮排。不過我覺得就橫書的方塊字而言,段首縮排對易讀性 (readability) 的幫助並不大,所以並不建議使用啦。
整個五月,玩了不少中文排版的東西,不知道是不是正好也在看「漢字的故事」的關係?(喔,我也很喜歡唐諾這本「文字的故事」,寫得很可愛的一本書。)既然今天是月底,就來寫篇整理好了。
月初的時候辦了場 HappyDesigner 聚會,跟 zonble 聊到說,寫個交換日記好像不錯。要去粽大師家寫文章,當然要準備點東西,所以實驗了一下直書排版的可行性,去寫了篇「CSS 中文直書排版」。不過看到桑林志的討論,有朋友講說「用 CSS 實現豎排的話,假古文最重要的一個特性,防 GFW 就沒了」、「用 CSS 實現豎排,正好再次強調假古文的防範功能」……害我有點啼笑皆非(汗)。倒是秀給 Hedger 看的時候,他很捧場地說,用來呈現中文廣告,效果應該不錯。我也覺得這個應用應該挺好玩的。另外有趣的一點是,Firefox Windows 版本跟 Mac 版本的呈現方式居然不一樣,請看比較圖:Windows、Mac。
做過直書排版實驗之後,就想說應該來玩玩看之前翻譯的 CSS Zen Garedn。所以呢,就試著做出一個中譯版本限定 + IE 限定的實驗品(用其他瀏覽器看起來都會很莫名其妙唷)。IE 看起來會像下面這張圖:
我想說阿,做個捲軸,寫著「奉天承運,皇帝詔曰」之類的拿去投稿的話,應該挺有趣的……
文字真是博大精深 :]
Related
推薦閱讀
承上 當代網頁設計,XHTML+CSS ,今天是第三場課程。原本今天會簡介 JavaScript 的,不過由於我花不少時間在作業跟範例講解,又應人要求講了約二十分鐘的 XML 介紹,還順便補充了之前幾個沒講完的部份,所以就沒多的時間了。我把一些不該放出來的東西清掉之後,發現剩下沒多少東西耶,請大家將就看看 O o
延續上篇,今天講了第二場課程,內容是關於 XHTML 與 CSS。投影片在這裡,一樣是 CC 授權,歡迎自行取用。有任何問題與建議,也歡迎告訴我,非常感謝 :)
因為今天看到某網站,所以手癢作了個氣象圖範例。這個範例符合 XHTML 1.0 Strict、CSS、Section 508、WCAG 1/2/3(就我知道的部份),還順便符合莫名其妙的台灣研考會無障礙測試標準。因為我懶得把圖切很細,所以各縣市的區塊很不精準,有些地方會選不到,這點請多包函。倉促之作,如果發現問題,歡迎回報。
