CSS Background Patterns 免費背景圖產生器，可建立純 CSS 背景素材
想想後來的網頁比較少有背景圖需求，多半都是以單色為主，如果覺得略顯單調，也能使用紋理材質或漸層色做為背景，例如 Paper-co 就有許多日系的紙張紋理材質可…
網頁開發
閱讀全文CSS Background Patterns 免費背景圖產生器，可建立純 CSS 背景素材
Screenshot Rocks 線上製作帶有瀏覽器或手機外觀的網頁擷圖
如何製作出上圖帶有瀏覽器外框的網頁擷圖畫面呢？可能很多人會選擇打開網頁，將視窗調整到適當大小後擷圖即可，這個答案好像也沒有錯，只是相較於使用 Mockup …
everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果
現在很多人是透過智慧型手機或平板電腦瀏覽網頁，在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示，以往會製作成電腦版和手機版兩種格式，後來多半…
Screenshot Tracker 擷取並追蹤網頁長截圖，測試在不同裝置顯示情形
網站開發者經常需要測試網頁在不同裝置、螢幕大小的顯示樣貌，以前會針對行動裝置另外製作一個行動版，現在比較普遍作法是使用響應式網頁設計（Responsive web …
Detailed SEO Extension 快速得知網頁的搜尋引擎最佳化相關資訊（Chrome 擴充功能）
通常在網站流量出現變化時網站管理者會去探究原因，如果你的訪客多為來自搜尋引擎的自然流量，有很大機會是搜尋引擎排名下降或類似問題，當然各家公司使用的演…
useAnimations 免費動態圖示下載，可用於應用程式或網站介面開發
如果要開發應用程式或製作網站，我們通常會尋找適合的免費圖示，如此一來就能減少開發成本，也能更快製作出符合期待的介面，像是 Ikonate、Potlab Icons、Unico…
HEAD 網頁開發參考手冊，收錄 HTML5 在 head 可用標籤及範例說明
如果你是自行架站的網站管理者，對網頁原始碼結構應該不陌生，若以 WordPress 架設網站通常會有完整 <head> 段落，取決於你使用的佈景主題，這部份是用來…
Background Image Generator 免費網頁背景產生器，可製作各種材質圖片
現在比較少網站會用到背景圖，但有時候為了要讓背景不要太過單調，或是有些變化又不影響閱讀，會選擇顏色較淺的紋理材質素材，例如 Hero Patterns 可產生平鋪式…
Colorinspire 推薦絕佳色彩組合，下個專案設計拿來試試吧！
免費資源網路社群推薦過不少配色工具，但如果不是色彩控或從事相關工作，可能還是很難從顏色中挑選出合適的組合，例如要為下一個專案計畫、概念或想法設計新的…
Who Can Use 檢查網頁配色對視力障礙使用者友善程度
全球資訊網協會（World Wide Web Consortium，W3C）制定的網頁內容無障礙指南相信大家不陌生，網頁內容無障礙指南（Web Content Accessibility Guidelines，WCA…