Type Anything 從瀏覽器測試建立完美網頁排版，一鍵匯出 CSS 樣式
不怕說出來讓大家知道，其實我對網頁設計很挑剔，尤其在排版方面。如果你經常回來免費資源網路社群，應該會發現這裡更新頻率很高，不單單只有文章內容汰舊換新…
網頁設計
閱讀全文Type Anything 從瀏覽器測試建立完美網頁排版，一鍵匯出 CSS 樣式
IntroBar 為特定來源訪客顯示歡迎訊息，方便網站發佈通知增加曝光效果
對我來說，做網站最大的挑戰是如何讓訪客在進入網站後以最短時間獲取最大量的資訊，說起來容易，做起來卻很困難，尤其在訊息流動快速的現代，可能網站晚個幾秒…
Font Fit 在你的網站上測試各種字型排版，即時預覽字體大小顏色樣式
設計網頁時排版和色彩選擇非常重要，其中色彩可以參考「BrandColors」從世界知名品牌標準色來獲得靈感，或是一些我曾經介紹過的配色工具；排版的話考量到字型和…
Google 幫你測試網站是否對行動裝置友善，三項評比指標提供最佳化指南
Google 最近推出一項全新檢測工具「Mobile Website Speed Testing Tool」，能在使用者輸入網址後為你檢查網站是否對行動裝置友好，以及在桌面、行動版網頁速度…
Edit Any Website 只要一行程式碼就能編輯任何網頁！直接把瀏覽器變身網頁測試工具
瀏覽器書籤列（Bookmarklet）也就是網址列下方那排區域，除了可以加入常用鏈結，其實它有許多我們意想不到的功能，國外有開發者利用一段簡單程式碼打造出可任意…
365cons 一天一圖示設計挑戰，SVG、PNG 格式免費下載
大家都聽過 “An apple a day keeps the doctor away” 這句俚語，現在網路上也開始流行養成習慣持續去做某一件事情，例如先前介紹過的 100 Days UI 百日設計挑戰…
Entypo 極簡圖示免費下載！精心打造 411 個圖案設計含社交網路圖示
好圖示永遠不嫌多，尤其是極簡設計更深得我心！之前尋找 WordPress 外掛時意外發現這套名為「Entypo」免費圖示，目前共有 411 個圖形設計，包括 80 個社交網路…
Google 推出免費工具 Resizer 測試網站在電腦、平板電腦及手機顯示效果
去年 Google Design 網站釋出一系列 Material Icons 免費圖示集，提供超過 900 個以上平面設計素材，讓開發者在進行開發時可直接取用精心設計品質優良的圖…
![to [icon] 精心設計免費圖示下載！多風格類型 svg 格式採用 CC 授權](https://free.com.tw/wp-content/uploads/2016/02/to-icon2016-02-21_1501-300x191.png "to [icon] 精心設計免費圖示下載！多風格類型 svg 格式採用 CC 授權 9")
to [icon] 精心設計免費圖示下載！多風格類型 svg 格式採用 CC 授權
無論在開發應用程式或設計網頁，我們很常會需要用到圖示，要從頭製作整套圖示集不僅耗時而且也需要不少花費，若有預算上考量，可以試著從免費圖示網站來尋找合…
Responsive Web Design Tester 響應式網頁開發工具，在瀏覽器測試網站顯示效果
當今開發網站不僅要顧及不同瀏覽器，還要同時滿足在電腦、平板電腦及行動裝置各種尺寸螢幕都能正確顯示，最常用的技術是響應式網頁設計（Responsive Web Design…