Browserling 互動式網頁測試工具，快速執行、切換不同瀏覽器
對於網頁設計者來說，可能會時常需要在不同的瀏覽器間做測試，以檢查顯示及相關功能是否正常，但一台電腦能安裝的瀏覽器有限，又不可能橫跨多種版本，這時候如…
網頁設計
閱讀全文Browserling 互動式網頁測試工具，快速執行、切換不同瀏覽器
Brackets：Adobe 推免費、開放原始碼網頁編輯器（Windows、Mac、Linux）
Brackets 是一款免費、開放原始碼的純文字網頁編輯器，由 Adobe 以 HTML、CSS、Javascript 等程式語言開發，主要用於網頁設計，而這是一個跨平台的編輯器，支援…
Squaresend 將網站、部落格的 Mailto 郵件鏈結轉為線上表單
對於有架設網站或部落格的朋友來說，一定都會在網站裡留下自己的 Email 信箱地址，讓訪客能夠透過郵件與你聯繫，一般我們會在 Email 使用超鏈結，如果訪客要寄…
Nibbler 網站 SEO 檢測工具，輕鬆獲取各項成效評比
對有在架設、經營網站的站長們來說，熟知網站在各方面的表現成效是相當重要的，但我們又不太可能每天都持續地監控這些數據，如果你想要快速獲取網站的各項資訊…
Type Sample 輕鬆查詢、辨識網頁使用的字體名稱和大小（Chrome 擴充功能）
先前我曾經介紹過不少在網頁內辨識字型的工具，例如 Fontface Ninja、WhatFont Tool，這些服務對於網頁設計師來說尤其重要。如果要找出某個網頁所使用的字型，…
BrandColors 收錄世界知名品牌「顏色」色碼，可快速下載、獲取色票資訊
一般在品牌商標（Logo）使用規範中，都會對顏色、書寫字樣或留白等細節提供詳盡的說明，其中最被使用者熟悉的「標準色」就是設計裡相當重要的一環。所有品牌都…
BLOKK 適合在 Mockup 使用的填充字型，讓視覺效果更貼近真實樣貌
如果你是從事網頁開發、平面設計工作的話，應該會很常使用範例文字或圖片來填充設計區域，使 Mockup 或 Wireframe 更貼近完成時的效果。最近我在網路上找到另一…
CSS SANS 日本團隊以純 CSS 語法打造英文字型，開放原始碼免費下載
如果提到 CSS，你會想到什麼呢？一般來說，階層式樣式表通常用來為結構化文件（例如 HTML、XML）加入樣式，當我們在瀏覽網頁時，包括內容顏色、字型和排版等看…
FontFriend 在網頁上即時測試 Google Fonts 字體效果，網站設計必備工具！
對於網頁設計師來說，字型和排版是影響使用者視覺非常關鍵的因素，要如何選擇一個看起來舒服、適合閱讀的字體就顯得相當重要，之前介紹過一些讓你在打造網頁時…
GitHub 將 CSS 設計框架開放原始碼，釋出 Primer 專案可免費下載！
最近知名的專案版本控制平台 GitHub 將網站前端設計框架開放原始碼，以 MIT 授權條款釋出，為廣大開發者提供了更大的靈活性。Primer 包含基本排版設定，一些小…