現在製作網站、部落格或網路服務時都會考慮到行動裝置用戶，因為智慧型手機已經普及，很多人在工作以外的時間甚至很少使用電腦，讓不同螢幕大小的裝置都能正常瀏覽非常重要。以往會將網站區分為電腦版或手機版，使用不同的版型設計，好處是開發上比較簡單，這幾年流行使用回應式網頁設計（Responsive Web Design，簡稱 RWD），讓網頁在不同裝置上瀏覽時可以對應不同解析度而有適合的閱讀效果。
網頁開發
Screen Sizes 收錄 Apple 裝置顯示器、解析度和安範圍等技術資訊
做為應用程式開發者應該會需要檢索各種裝置的顯示器大小，雖然在網路上搜尋一下就能查到資料，如果整合為單一工具會更易於查找，例如我之前推薦過「Screen Sizes 常用手機、平板電腦和顯示器螢幕尺寸大小、寬度等資訊查詢」就收錄常見的智慧型手機、平板電腦和筆電顯示器資訊，不過比較可惜的是網站似乎沒有提供較新的裝置，若是有所疏漏還是只能到其他網站搜尋。
Adobe Fonts 提供五種「文鼎中文字型」免費雲端下載，可個人和商業用途（方新書、明體、晶熙黑、魏碑、圓體）
以前有一段時間我使用台灣文鼎科技的「iFontCloud 文鼎雲字庫」網頁字型服務，因為它收錄一些自家開發設計的高品質字型，提供包括字型租賃和網頁字體服務，可將頁面中所使用的字以雲端技術套用為其他字型，使用者無需取得這些字型也能讓網頁呈現更好的效果，網頁字型技術在 Adobe Fonts（以前稱為 Typekit）和 Google Fonts 都有提供，Adobe Fonts 渲染速度和效果較好，如果你有訂閱 Creative Cloud 的話還能從網站免費取得各種字型。
VISIWIG 整合免費圖示、背景圖和紋理效果，一鍵複製 CSS、SVG 程式碼
這幾年有不少背景圖案製作工具，都可以在線上預覽、客制化圖形細節，最終產生 CSS 和 SVG 格式，甚至在不用下載任何檔案的情況下直接複製程式碼，加入網頁就會獲得非常好的效果，兼具品質和效能，也不會拖慢網頁速度。例如之前我厭過的 Hero Patterns 快速產生重複圖案 CSS 背景；CSS Background Patterns 也能製作各種純色彩背景圖，如果需要背景圖也能試試看接下來要介紹的服務。
Printables 可列印免費手機模型草稿紙，以更清晰的思路開發應用程式
雖然沒有親身參與過手機應用程式專案，但可以想見在開發前期應該會有一段繪製草稿的過程，將各種想法經過討論轉為可視化應用程式草圖，才能夠繼續接下來的調整，這時候就必須把應用程式畫面畫出來。最近看到一個有助於應用程式開發的免費資源，提供許多手機模型模版，只要將它下載、列印出來就變成草稿紙，直接在紙上繪製更方便。
SVG Waves 免費波浪圖產生器，互動式介面即時產生圖案原始碼
Cool Backgrounds 免費背景製作工具，內建五種效果可自訂顏色
根據 Cool Backgrounds 開發者研究，在發佈網頁或文章前最困難的步驟之一是找到合適背景圖片，好的圖片不僅能凸顯整篇內容質感，也可獲得更多使用者注意。我之前推薦不少免費背景產生器，依照使用者需求快速製作出很活潑、色彩鮮豔的背景，例如 Svg Wave 產生波浪狀背景圖案（在很多網站都能看到）；Hero Patterns 製作好看的重複平鋪式背景，而且只要將 CSS 語法帶入就能套用。
Meta Tag Generator 網站資訊標籤產生器，為搜尋媒體和社群網路最佳化
對我來說，要讓網站在搜尋引擎取得好的排名表現，把程式碼寫正確是首要任務，因此我相當重視 Google 之前釋出的「搜尋引擎最佳化入門指南」說明文件，如果你對於開發網站有興趣，或是工作也會碰到相關內容，之前推薦過「HEAD 網頁開發參考手冊」很有用，它收錄 HTML5 在會出現的各種元件和使用範例，幫助開發者寫出更為完整全面的網頁標頭，對不想要翻找艱澀繁瑣說明文件的朋友 HEAD 也直接給出最基本的標頭範例。
Everypixel Patterns 協助設計師製作無接縫圖案，運用演算法產生圖庫
最早介紹 Everypixel 這家公司的產品是「Everypixel 整合 50 個頂尖免費圖庫搜尋引擎，使用演算法過濾不適合圖片還能比價」，簡單來說，很多免費圖庫的相片品質參差不齊，有些甚至還有濃濃的「圖庫感」，Everypixel 就是透過機器學習和類神經網路技術，讓程式自動幫我們篩選掉一些一看就不會想使用的相片；後來還推出另一個「Everypixel Aesthetics Tool」由使用者上傳相片，交給機器幫你判斷這張相片究竟夠不夠吸引人。
