提升效率！Screen Ruler 網頁尺規工具：前端開發者必備的 Chrome 擴充功能
Screen Ruler 是螢幕上的尺，用以測量網頁上任何元素的標籤名稱、ID、尺寸、距離、邊框間距和邊界等資訊，而且操作上…
網站設計
閱讀全文提升效率！Screen Ruler 網頁尺規工具：前端開發者必備的 Chrome 擴充功能
Studio by WordPress.com：在本機電腦輕鬆建立、編輯和分享 WordPress 網站
本月 WordPress.com 開發團隊宣布推出全新工具「Studio」，號稱是在本機電腦建立 WordPress 網站最快、最簡單的方式…
RealFaviconGenerator 製作適用於各平台和瀏覽器的網站標誌（Favicon）
最近在檢查網站標誌時想到之前介紹過「Favicon Checker 檢查網站圖示在 iOS、Android、PC 和 Mac 設定是否正確」服務…
Alwane 網頁配色擷取工具，輸入網址就能取得顏色代碼相關資訊
如果想知道某個網站配色方式，除了打開開發人員工具或是檢視原始碼，也有第三方服務可以使用，即使無法完整複製別人…
Screenshot Rocks 線上製作帶有瀏覽器或手機外觀的網頁擷圖
如何製作出上圖帶有瀏覽器外框的網頁擷圖畫面呢？可能很多人會選擇打開網頁，將視窗調整到適當大小後擷圖即可，這個…
Shade 為新創公司提供免費 Landing Page 網頁模板下載
對於新創公司來說，為產品建立一個好看的 Landing Page 非常重要，但很多時候這個想法不被重視，或是沒有預算在第一…
BrowserFrame 為網頁擷圖加上瀏覽器外框，支援各種瀏覽器和作業系統
身為一個文字工作者，我對於文章排版和圖片相當堅持，特別是每篇教學都會用到的螢幕畫面擷圖，要怎麼設定抓取範圍、…
Checklist Design 網頁開發者必備參考手冊，助於學習更好的設計方式
身為網頁開發者總會不斷重複一些類似的情境，例如協助其他公司製作網站的價目表、購物車、新手上路、網誌、招聘、聯…
One Click Test 測試介面設計可否讓使用者快速找到需要的功能或資訊
設計網頁或開發使用者介面有很多「眉角」，可能在文字大小、顏色或按鈕形狀稍作調整就會有完全不同的效果，對於追求…
LandingStock 圖庫收錄設計 Landing Page 會用到的免費相片素材
在網路行銷中有一個很常聽到的名詞叫做 Landing Page，中文稱為著陸頁面或到達頁面，簡單來說，就是使用者進入網站後…