一般來說，剛安裝好的 Visual Studio Code 就已經相當完整，內建 emmet、各種常見語言的色彩標示、程式碼折疊、所在行標示、HTML & CSS 語法及屬性的下拉選項、支援 Markdown 等等…對一個網頁設計師來說，如果沒有特別的需求，幾乎可以馬上用來開發。話說如此，但總還是有一些小細節不是那麼完美，就像買了最潮的球鞋，裡頭卻有顆小石頭，穿起來總是刺腳。所幸 Visual Studio Code 提供極為豐富的設定，幫助你打造屬於自己的編輯器。下面有一些我們推薦的設定，讓你的 Visual Studio Code 不只是潮，用起來更是舒適。
VISUAL STUDIO CODE 初心者設定指南 閱讀全文 »
從 2017 開始，Google 就不停對外宣稱 SSL 對網站的重要性，到 2
SSL 服務不打烊，過期警報快找 SSL Certificate Expiration Alerts 閱讀全文 »
俗話說，工欲善其事必先利其器，對現在的網頁設計師來說，為畫面增加一些微互動的動態效果已經是時勢所趨，但 CSS 不比 Flash，需要透過 Code 的方式才寫出動態的效果，對很多視覺設計師來說是一道門檻，所幸網路上已經有很多資源將類似的動畫需求整合起來，只需要用點心去尋找，就可以找到許多功能強大的 CSS 動畫庫，下面我們挑五個比較有名且實用的來介紹。
長時間從事設計業的朋友口袋裡大概都有一份屬於自己的創意清單，這份清單的內容會搜集
將創意一網打盡的 Muzli 2 - Stay Inspired 閱讀全文 »
記得早期做網頁的時候，網站完成後會另外畫一個 16×16 的小 icon，這個小 icon 會出現在網址列及我的最愛中，取代瀏覽器原本的預設 icon，成為一個私人的小特色。但後來由於設備的發展一日千里，手機、平板、iOS、Android、MAC、Windows 等等，每種平台對這些小 icon 接受的大小、格式及規範都有些許不同，如果要個別針對這些平台去製作小 icon 變得有點麻煩，且不一定有相關的設備可以提供測試，這時，該怎麼辦呢？
我們在製作一些與行程或地點有關的網頁時，有時候會希望附上相關的地圖，好方便使用者了解附近的地理位置及規劃路線，這類的地圖應用以 Google Map 最常見，但 Google Map 內嵌到網頁的方式是使用 iframe，對一般的網頁也許不受影響，但如果遇到 RWD 的網頁時，就會發現 Google Map 提供的 iframe 並不會隨著設備的不同而去調整適當的比例，這時，你可以試試下面的方式。
如何讓 Google Map 支援 RWD 的效果 閱讀全文 »
一個好用的選單系統，可以幫助使用者快速找到所需的內容，如果你經常觀察網頁的趨勢，因該很容易發現許多網站開始將選單列常駐在頁面的頂部，而不會隨著頁面的捲動而消失。這樣的做法可以幫助使用者在切換頁面單元時，不用為了點選選單而去捲動頁面，算是一個很貼心的 UX 規劃。做法也有很多種，從純粹的 CSS 到 Javascript 都有，網路上也有很多現成的範例，下面我們以 On Scroll Header Effects 為例：
今天在 WordPress 的台灣粉絲團上看到有人詢問：為什麼 WordPres
為什麼台灣很少人願意深入經營 WordPress 網頁設計的市場？ 閱讀全文 »
