如果你是自行架站的網站管理者，對網頁原始碼結構應該不陌生，若以 WordPress 架設網站通常會有完整 <head> 段落，取決於你使用的佈景主題，這部份是用來描述一個頁面的相關資訊，例如網頁標題、語言、樣式表、說明、關鍵字和略縮圖等等，很多時候會透過 SEO 外掛工具產生各種常用的 Meta Tags 以擴充佈景主題不足的部分，如果你要從頭開始寫一個網頁或佈景主題，就必須知道 <head> 有那些可用的標籤。
HTML
Freebies.ByPeople 各種免費素材集散地，設計師開發人員必須收藏
免費資源網路社群本身已經是一個收錄超過六千篇文章的免費資源網站，因此我就比較少介紹同類型的服務，不過網路上確實有不少類似網站，例如 Evernote Design 設計師必備懶人包就在單一網站上整合各種設計相關素材資源；或是 The Stocks 精選免費圖庫，一站收錄更方便搜尋等等，這些集合式免費資源都非常值得加入書籤以備不時之需。
Tables Generator 線上製作產生表格 HTML、LaTeX、Markdown 原始碼
如果有接觸過網頁設計或曾經嘗試在網站、部落格放入表格，應該會覺得表格（Tables）是一個非常難搞的東西，不但原始碼複雜，沒有所見即所得編輯器似乎也很難直接寫出來，而在瀏覽器上使用的網頁編輯器又很難修改表格內容，有時候從其他文書處理工具直接複製貼上就會自帶很多用不到的程式碼，程式碼看起來很髒又無法符合當前的頁面風格，總之表格一直是很多人的痛，我也很少在網頁中用到表格，不過表格還是呈現一些數據相當好的方式。
Neocities 免費 HTML 網站空間，每月 200 GB 流量托管靜態網頁超簡單
二十幾年前有個相當知名的網頁空間服務「GeoCities」，可以說是早期網路服務的始祖，當年有非常多類似的網頁托管服務，讓使用者將製作後的 HTML 網頁和圖片上傳，使其他人透過網址看到網站內容，這對早期網路發展來說扮演著相當重要的角色。後來 GeoCities 被 Yahoo 收購後發展並不如預期，直到 2009 年宣布關閉 GeoCities 服務，也算是結束一個時代。這幾年已經很少看到 HTML 網頁空間，不過有些專案確實只要單純的靜態頁面就能搞定。
免費建立分享僅限 1MB 網頁，可製作個人網頁、專案頁面或靜態部落格
如果對於網頁大小有點概念，應該會知道在選擇虛擬主機往往不需要過大空間，因為更重要的可能是頻寬流量或頁面載入速度，依照我的經驗，只要數十 MB 就能應付一個基本的網頁，大多數會消耗容量的都是圖片或影音檔案，只是有時候要找一個小容量又兼具價格和穩定性的網站空間並不容易，取而代之的是在用不到的規格上多花了錢。
Itty bitty 將內容轉為連結產生網頁，伺服器不儲存使用者資料
免費資源網路社群介紹過許許多多文字分享工具，簡單來說，將使用者輸入的文字轉為網頁鏈結，其他人可線上取得內容，上一個印象深刻的服務是 Telegraph，也是來自 Telegram 的新服務，這類網路工具當然是越簡單越好，例如 Publishthis.email 可以將內容以 Email 寄到特定信箱產生網頁鏈結，非常有用！
WordHTML 線上將 Word 轉為 HTML，內建清理工具原始碼更乾淨
相信許多讀者都曾有過類似經驗：從 Microsoft Word、Excel 或 PowerPoint 複製內容，貼到網頁的編輯器後發生問題，例如格式跑掉或被塞進一堆骯髒、用不到的網頁原始碼，而這在 Office 早就已經不是新聞，通常解決的辦法只能先貼到純文字編輯器，將這些文字格式「清除」後重新貼回來，不過這又會遇到另一個問題：原有格式必須在瀏覽器端重新加入，通常是件很浪費時間的工作。
CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
對於網頁設計或開發者來說，想要改善使用者網頁瀏覽體驗通常會從參考其他網站設計著手，我在發現不錯的網站都會去看一下原始碼或樣式表，雖然 Google Chrome 本身就有強大的開發人員工具可以使用，但如果遇到要查詢某個網頁使用的字型或色彩時還是習慣以 Fontface Ninja、Type Sample 這類工具快速找到我要的資訊。
閱讀全文 » 關於 CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表（Chrome 擴充功能）
