如何讓子項的高度自動均分於父項的高度
這個問題一般出現在比較複雜的版面，例如左右兩欄，左欄是選單，右欄由多種元素組成， […]
網路速率單位 bps 代表什麼意思？要如何轉換成我們熟悉的單位？
不知道大家在辦理中華電信光世代的服務時，等到申辦完後並連上網路下載 100MB 的檔案試試後，會發現實際的網路速度似乎與我們認知的速度有落差，以 100M 的光世代來說，認知上因該是一秒多就會下載完的檔案，可是實際測試後卻會發現大概要 10 秒多，即便你去 speedtest 測試網速，會發現網速的確是以接近 100M 的速度在奔跑中，問題出在哪兒呢？
網路速率單位 bps 代表什麼意思？要如何轉換成我們熟悉的單位？ 閱讀全文 »
網頁設計小眉角：一些少見卻好用的 HTML & CSS
input 的欄位預設會記錄輸入的值，以方便使用者在重複輸入的時候可以透過下拉直接點選，如帳號、電子信箱等等。但有時我們十分確定使用者不會在該欄位輸入兩次一模一樣的數值，或是不希望其他使用者發現我們輸入什麼內容時，會希望關掉 input 的紀錄功能，這時，你可以在 input 加入 autocomplete="off" 的屬性，這個屬性預設是 on 開啟，也就是會紀錄 input 的輸入內容。但，當你改成 off 後，下次你在該欄位輸入資訊時，瀏覽器就不會紀錄任何內容。
網頁設計小眉角：一些少見卻好用的 HTML & CSS 閱讀全文 »
全字庫：免費中文毛筆/書法字體下載
經常製作活動網頁的朋友們為了配合活動主題的走向，對字型的需求往往比 UIUX 設計師來的高，特別是一些主題性很明確的案子，如水墨風格的作品需要搭配合適的毛筆/書法字體。但中文世界裡合適的毛筆/書法字型並不多見，且須要遷就電腦字型的規範，讓這些毛筆字型多了規矩，少了筆意，用在小字的內文，辨識度不高，用在大字的標題，又顯得太過方板、規矩，以至於這些數量有限的毛筆/書法字型實際使用的效果也非常有限，有沒有其它更接近手寫效果的毛筆/書法字體可供選擇呢？
最簡單的 Scroll 頁面動畫：AOS-Animate on Scroll library
對很多偏視覺導向的網頁設計師來說，編寫原始碼是一個相對可怕的事情，特別是你要在網頁上呈現一些動畫以增加畫面互動時的趣味時，往往很多時候都需要求助前端工程師。但由於台灣淺碟型的市場，公司裡的分工不一定那麼清楚，有時也不會有專職的前端工程師，這時如果你能花點時間去熟悉一些常用的 Library，就能能讓你在相對有限的資源去完成更多有趣的想法。
最簡單的 Scroll 頁面動畫：AOS-Animate on Scroll library 閱讀全文 »
資源不夠時別用 WordPress 架設購物車！特別是涉及到金流時，你需要想得更仔細些。
在許多討論 Wordpress 的論壇或社群很容易將 Wordpress 神格化，彷彿萬物皆可用 Wordpress 來解決，畢竟透過外掛，理論上它的確可以完成很多工作。但有趣的地方在於可以順利工作與可以穩定運行兩者間存在巨大的技術鴻溝，當你有足夠的背景知識去處理 Wordpress 衍伸出來的問題時，Wordpress 就會是一個好工具，反之，它會再出現問題的時候變成你的噩夢。
資源不夠時別用 WordPress 架設購物車！特別是涉及到金流時，你需要想得更仔細些。 閱讀全文 »