對很多偏視覺導向的網頁設計師來說，編寫原始碼是一個相對可怕的事情，特別是你要在網頁上呈現一些動畫以增加畫面互動時的趣味時，往往很多時候都需要求助前端工程師。但由於台灣淺碟型的市場，公司裡的分工不一定那麼清楚，有時也不會有專職的前端工程師，這時如果你能花點時間去熟悉一些常用的 Library，就能能讓你在相對有限的資源去完成更多有趣的想法。
最簡單的 Scroll 頁面動畫：AOS-Animate on Scroll library 閱讀全文 »
一個好用的選單系統，可以幫助使用者快速找到所需的內容，如果你經常觀察網頁的趨勢，因該很容易發現許多網站開始將選單列常駐在頁面的頂部，而不會隨著頁面的捲動而消失。這樣的做法可以幫助使用者在切換頁面單元時，不用為了點選選單而去捲動頁面，算是一個很貼心的 UX 規劃。做法也有很多種，從純粹的 CSS 到 Javascript 都有，網路上也有很多現成的範例，下面我們以 On Scroll Header Effects 為例：
在規劃活動網站的設計時，會常遇到需要放置一些注意事項或者活動辦法的訊息，這類資訊通常會比較長篇，內容也比較乏味，但它對活動網站來說又很重要。如果沒有經過適當的整理，往往都會佔據較大的頁面空間，造成編排上的麻煩。因此大多數的時候，網頁設計師們會將這類資訊放在有 Scrollbar 的區塊內，讓這些長篇的內容可以控制在固定的範圍內。但這樣做又會產生一個新問題，那就是瀏覽器預設的 Scrollbar 樣式和網站的風格相比，如果沒有經過特別的處理會顯得非常突兀，而 jQuery custom content scroller 是一個 jQuery 的外掛，可以用來自訂上述所需的 Scrollbar 捲軸樣式，讓你在設計畫面時，可以配合網站的視覺來調整適當的 Scrollbar 樣式。