網頁要如何實現平面刊物多欄或跨欄的效果?
對於平面設計師來說,多欄或跨欄排版的應用非常普遍,像是報紙、雜誌、廣告 DM 等等,幾乎我們生活中看到的各種平面設計都會出現它的蹤跡。特別是遇到大量的文字內容,透過欄位的編排,除了增加閱讀趣味外,好的編排還可以讓內容更加容易閱讀,幫助理解,一舉多得。
對於平面設計師來說,多欄或跨欄排版的應用非常普遍,像是報紙、雜誌、廣告 DM 等等,幾乎我們生活中看到的各種平面設計都會出現它的蹤跡。特別是遇到大量的文字內容,透過欄位的編排,除了增加閱讀趣味外,好的編排還可以讓內容更加容易閱讀,幫助理解,一舉多得。
一直覺的 CSS 是種很有生命力的語言,總能三不五時挖掘出新的功能,豐富我們對 Web 的想像力。
最近到 W3School 查詢標籤的用法,意外看到 writing-mode,有種相見恨晚的感覺。對網頁設計師來說,畫面的安排無非由點、線、面依次推導,內容因為文化的關係會有不同的表現方式。
input 的欄位預設會記錄輸入的值,以方便使用者在重複輸入的時候可以透過下拉直接點選,如帳號、電子信箱等等。但有時我們十分確定使用者不會在該欄位輸入兩次一模一樣的數值,或是不希望其他使用者發現我們輸入什麼內容時,會希望關掉 input 的紀錄功能,這時,你可以在 input 加入 autocomplete="off" 的屬性,這個屬性預設是 on 開啟,也就是會紀錄 input 的輸入內容。但,當你改成 off 後,下次你在該欄位輸入資訊時,瀏覽器就不會紀錄任何內容。
對很多偏視覺導向的網頁設計師來說,編寫原始碼是一個相對可怕的事情,特別是你要在網頁上呈現一些動畫以增加畫面互動時的趣味時,往往很多時候都需要求助前端工程師。但由於台灣淺碟型的市場,公司裡的分工不一定那麼清楚,有時也不會有專職的前端工程師,這時如果你能花點時間去熟悉一些常用的 Library,就能能讓你在相對有限的資源去完成更多有趣的想法。
在許多討論 Wordpress 的論壇或社群很容易將 Wordpress 神格化,彷彿萬物皆可用 Wordpress 來解決,畢竟透過外掛,理論上它的確可以完成很多工作。但有趣的地方在於可以順利工作與可以穩定運行兩者間存在巨大的技術鴻溝,當你有足夠的背景知識去處理 Wordpress 衍伸出來的問題時,Wordpress 就會是一個好工具,反之,它會再出現問題的時候變成你的噩夢。
俗話說,工欲善其事必先利其器,對現在的網頁設計師來說,為畫面增加一些微互動的動態效果已經是時勢所趨,但 CSS 不比 Flash,需要透過 Code 的方式才寫出動態的效果,對很多視覺設計師來說是一道門檻,所幸網路上已經有很多資源將類似的動畫需求整合起來,只需要用點心去尋找,就可以找到許多功能強大的 CSS 動畫庫,下面我們挑五個比較有名且實用的來介紹。