免費資源指南，每日網路資訊與科技新知
Copyright: filborg / 123RF Stock Photo
如果從事網頁設計相關工作應該很常聽到一個名詞「Mockup」，中文稱為模型或原型，若翻譯成「視覺稿」可能比較容易理解，Mockup 通常在「Wireframe」（線框圖）之後，為了讓整體畫面更貼近最終成果，會將一開始的草稿線條圖加入更多視覺元素，例如將排版、圖形和配色呈現出來，也就能夠得出最後設計稿，而在我向設計師朋友詢問後得知 Mockup 通常是透過 Photoshop、Sketch 或 Adobe XD 等軟體繪製。
網頁設計師或網站開發者一定對 CSS 不陌生，CSS 中文是階層式樣式表，通常會簡稱為樣式表，主要是用來控制網頁中看到的各種樣式，例如文字大小、間距、背景色、頁面布局或各種元素呈現的方式。隨著現今大部分瀏覽器都已經支援 CSS3，在 CSS3 也加入許多新的功能，其中也支援動畫和立體效果，這都讓網頁能有更多更不同的變化，也不需要再使用舊方法，讓效果在編寫及管理上更輕鬆。
對網站站長來說，在開發網站的過程中會考慮到各種可能的問題，有時候只能想辦法使用更多不同的環境進行測試，但百密必有一疏，難免遇到一些很神奇、難以理解的狀況，通常都會先詢問對方的操作環境，才能從這些資訊中找出問題癥結。如果想快速獲取使用者的瀏覽器相關資訊，可以透過之前介紹過的「My Browser 產生完整瀏覽器資訊頁面，協助解決技術問題」或「yourbrowser.is 顯示瀏覽器完整資訊，為客戶免費建立自定檢測頁面」這兩項免費服務達到目的，也更節省時間。
還記得之前介紹過 ColorSpark 隨機產生配色或漸層色組合，協助設計師在開發網頁或應用程式時獲取配色靈感嗎？其實類似的色彩工具還不少，而且很多都有提供使用者快速隨機選色功能，有時候真的沒什麼想法，透過隨機展示可能會有收穫，如果你又不擅於程式碼，網站也會直接提供對應的 CSS 原始碼，方便帶入樣式表使用。除了配色外，字型也是影響使用體驗的重要因素，現在你有更直覺的方法挑選字型。
現在很常在網路服務或網站上看到漸層背景應用，記得早期都必須使用圖片堆疊出來，不過後來已經可以寫入 CSS 樣式，只要指定顏色代碼和呈現方式即可。雖然知道有這功能，但要立即寫出來好像也不是那麼容易，還好有網站可以參考，例如 Gradient Backgrounds 收錄各種漸層背景產生器的一站式工具，簡單一點還有 ColorSpark、CoolHue 這類漸層色組合產生器，可快速建立 CSS3 語法，複製到網站就能套用。
