Google 搜尋引擎最佳化（SEO）入門指南更新，加入結構化資料和建立友善行動網頁
什麼是搜尋引擎最佳化（Search Engine Optimization，縮寫為 SEO）呢？相信網站站長們一定相當熟悉，簡單來說就是透過一些調整來提高網站在搜尋結果排名的方法…
網頁設計
閱讀全文Google 搜尋引擎最佳化（SEO）入門指南更新，加入結構化資料和建立友善行動網頁
Low Polygon Art 世界最大的低多邊形免費圖庫，1400 張高解析圖片下載
低多邊形（Low Poly）如同扁平化設計（Flat Design）、材質設計（Material Design）都是相當常見的設計風格，如果你曾經歷過早期的 3D 遊戲或許能夠一看馬上明…
Omg-img 用一段程式碼快速插入免費圖示，可自訂顏色、大小和樣式
相信大家對於之前介紹過的「Icons8 免費圖示 iOS、Windows、Android 扁平化風格打包下載」還有印象，簡單來說 Icons8 是一個收錄大量免費圖示的網站，除了直接…
文青必備！Instagram.css 使用樣式表為網站圖片加入 IG 濾鏡效果
近年越來越多人使用的 Instagram，這款圖片影片分享社群應用程式開始於 2010 年，後來在 2012 年被 Facebook 收購成為旗下服務，Pseric 很早就開始使用 Instagr…
Favicon Checker 檢查網站圖示在 iOS、Android、PC 和 Mac 設定是否正確
在網站最佳化指南裡有提到最好可為網站加入網站圖示（Favicon），如果沒記錯的話，雖然是一個簡單的動作，但對網站來說卻有相當大的幫助，怎麼說呢？這些圖案有…
SVG Backgrounds 免費網站背景圖下載，可線上預覽、調整顏色細節
如果開發網站或網路服務，可能會需要用到背景圖，以往很多時候會使用 PNG 格式來當做背景，像是 Caself 提供 800 種免費紋理背景圖片就是透過 PNG 檔案來製造出…
JotForm Cards 免費互動式線上表單，建立更友善的提問問答方式
當前要建立線上表單（Online Form）讓其他人填答、回收資料的服務很多，例如最常看到的 Google Drive 雲端硬碟就有「Google 表單」功能，此外，還有我個人…
Paper-co 免費下載紙張紋理材質背景，高畫質圖片可做商業用途
網路上有各種素材資源可免費下載使用，如果花點時間搜尋通常能有收穫，當然在亞洲或美國網站找到的類型不太一樣，我個人比較喜歡日系素材，更為精緻細膩且符合…
CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
對於網頁設計或開發者來說，想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手，我在發現不錯的網站都會去看一下原始碼或樣式表，雖然 Google Chrome 本…
Koa11y 檢測網頁有無符合網頁親和力 A11y 各項指標和最佳化建議
相信網頁設計師一定對 A11y（Accessibility，網頁親和力）不陌生，這個功能主要是透過軟硬體整合，讓殘疾或受過嚴重損傷的使用者可以正常瀏覽並操作你的網頁，…