提升效率！Screen Ruler 網頁尺規工具：前端開發者必備的 Chrome 擴充功能
Screen Ruler 是螢幕上的尺，用以測量網頁上任何元素的標籤名稱、ID、尺寸、距離、邊框間距和邊界等資訊，而且操作上很簡單，只要開啟擴充功能後將游標移動到元…
自適應設計
閱讀全文提升效率！Screen Ruler 網頁尺規工具：前端開發者必備的 Chrome 擴充功能
HTML5 UP! 免費 HTML5 + CSS3 響應式設計網頁模版下載
還記得去年底找到一個很棒的 HTML5 網站模版下載網站 Templated，真的是網站開發者的好朋友，至少我們不用從無到有、從頭到尾來打造一個網站，而是直接就現有的…
Multi Screen Test 測試網頁在不同裝置、螢幕解析度顯示效果
近幾年已進入所謂的「多螢時代」，除了電腦外，可能許多人也同時擁有智慧型手機或是平板電腦，為了應付不同的畫面大小需要，網頁開發者也必須適當修改網頁，才…
HTML5 Zero 免費響應式網頁設計模版、佈景主題和範本下載
想起以前做網站時都是自己從無到有、自行設計網站樣式，後來使用 WordPress 架站後就有許多免費佈景主題可以選擇，套用模版再經過簡單修改，就可以成為一個獨一…
Browser Screenshots 微軟線上網頁測試工具，查看網站在不同瀏覽器平台呈現效果（支援 IE 全系列）
開發網站時最不想做的就是在不同瀏覽器、平台和解析度測試網頁顯示效果，通常這會浮現許多問題，尤其瀏覽器版本就可能讓顯示成效完全不同，也只好盡力維持讓每…
Responsive Web Design Tester 響應式網頁開發工具，在瀏覽器測試網站顯示效果
當今開發網站不僅要顧及不同瀏覽器，還要同時滿足在電腦、平板電腦及行動裝置各種尺寸螢幕都能正確顯示，最常用的技術是響應式網頁設計（Responsive Web Design…
Google 推出免費工具 Resizer 測試網站在電腦、平板電腦及手機顯示效果
去年 Google Design 網站釋出一系列 Material Icons 免費圖示集，提供超過 900 個以上平面設計素材，讓開發者在進行開發時可直接取用精心設計品質優良的圖…
Launchaco Website Builder 快速建立免費、自適應設計產品官方網站
設計一個產品網站要花多少錢？五萬或十萬？這對新創公司來說都是一筆開支，至少在草創初期沒有充裕資金時要更謹慎，因此不少人會挽起袖子自己做，開發網站並不…
PrelaunchPage 快速建立產品上線前預告網頁，整合 Email 功能收集潛在用戶名單
如果喜歡嘗試各種新服務、新軟體，一定對產品介紹網頁不陌生，通常在對外開放前會有一段封閉測試期，除了為產品上線暖場外，也收集少數使用者的回饋建議來改進…
Sizzy 線上測試自適應設計 RWD 在各種 iOS、Android 行動裝置顯示效果
這幾年台灣行動裝置普及率已經非常高，幾乎可以說人手一機，無論是連接社群網站、即時通訊應用或上網查資料可能都會透過手機或平板電腦。對於網站管理者而言，…