Entries Tagged 'CSS' ↓

multi-line text in submit button?

有沒有純 CSS 的解法呢?

test case works in Firefox/Safari/IE

  1. 用 button 可以輕鬆解決這個問題。可是 IE 很討厭,當 form 裡面有多個 submit button 的時候,所有的 button value 都會被送出去……
  2. 當然也可以用 JavaScript 把 input 轉成 link……
  3. IE 會看 value 裡面的 \n 這點真的很糟糕……

Crash your Firefox

警告

  1. 如果你還開著一堆標籤頁,別點這個網頁,你會失去他們的。
  2. 墜火狐之後請別選restore session,不然你會陷入無限墜火狐輪迴。如果真的不幸選了,請參考othree的作法。
  3. 墜了不要怨我 Q_Q
  4. It is bug 368175 now

想要嘗試瞬間墜火狐(Crash Firefox)的快感嗎?只要 HTML 跟幾條 CSS 語法就做得到喔:

firefox crashed by column!

ku..kukukuku……

TOSSUG 心得分享: CSS & 網頁設計

接受PingYeh的邀請,晚上到TOSSUG聚會分享一點網頁設計的心得。其實就是把之前幾份投影片做個整理,再增添點佐料。剛剛把投影片跟相關資料整理了一下,給有興趣的朋友做參考。投影片採用CC授權

雜感:

  1. TOSSUG真是個笑臉迎人的社群,講投影片的時候一堆人對著我笑。
  2. 我還是很不愛被錄音 / 錄影阿。
  3. 車馬費:KERORO布偶!(真happy)

(再來廣告一下HappyDesigner聚會,目前有13人報名,有人願意提供台北 - 竹東便車服務 A_Ay)

字裡行間尋趣味 - 樣式表與文字排版

這幾天跑到老貓家撒野,聊了些網頁中文排版的事情,有興趣討論的朋友,可以看看「段落的秘密」這篇。因為自己起先的留言講得不清不楚,有朋友寄信來問,所以就順手做了個簡單的範例:中文段首縮排。不過我覺得就橫書的方塊字而言,段首縮排對易讀性(readability)的幫助並不大,所以並不建議使用啦。

整個五月,玩了不少中文排版的東西,不知道是不是正好也在看「漢字的故事」的關係?(喔,我也很喜歡唐諾這本「文字的故事」,寫得很可愛的一本書。)既然今天是月底,就來寫篇整理好了。

月初的時候辦了場HappyDesigner聚會,跟zonble聊到說,寫個交換日記好像不錯。要去粽大師家寫文章,當然要準備點東西,所以實驗了一下直書排版的可行性,去寫了篇「CSS中文直書排版」。不過看到桑林志的討論,有朋友講說「用CSS實現豎排的話,假古文最重要的一個特性,防GFW就沒了」、「用CSS實現豎排,正好再次強調假古文的防範功能」……害我有點啼笑皆非(汗)。倒是秀給Hedger看的時候,他很捧場地說,用來呈現中文廣告,效果應該不錯。我也覺得這個應用應該挺好玩的。另外有趣的一點是,Firefox Windows版本跟Mac版本的呈現方式居然不一樣,請看比較圖:WindowsMac

做過直書排版實驗之後,就想說應該來玩玩看之前翻譯的css Zen Garedn。所以呢,就試著做出一個中譯版本限定 + IE限定的實驗品(用其他瀏覽器看起來都會很莫名其妙唷)。IE看起來會像下面這張圖:

CSS Zen Garden

我想說阿,做個捲軸,寫著「奉天承運,皇帝詔曰」之類的拿去投稿的話,應該挺有趣的……

文字真是博大精深 :]

CSSTidy 1.2 Chinese Localization

最近Clean CSS這個網站蠻紅的,它後端其實就是使用CSSTidy這套工具。玩了一下覺得不錯(而且ijliao在OSDC就已經做好它的FreeBSD ports了),就在HappyDesigner寫篇文章介紹,也順手做了PHP網頁介面的中文化,送交給Florian Schmitz,所以目前trunk裡的版本就有中文介面啦。如果你想玩玩看的話,可以用我這裡的試玩版