如果要呈現一段程式碼，通常會加入更易於閱讀的色彩效果，這在網頁裡不難做到，甚至大多數編輯器都已經內建上色功能，對於不支援 JavaScript 的平台來說也有像是 hilite.me …
閱讀全文 »
程式碼
WordHTML 線上將 Word 轉為 HTML，內建清理工具原始碼更乾淨
相信許多讀者都曾有過類似經驗：從 Microsoft Word、Excel 或 PowerPoint 複製內容，貼到網頁的編輯器後發生問題，例如格式跑掉或被塞進一堆骯髒、用不到的網頁原始碼，…
閱讀全文 »
閱讀全文 »
Don’t Close This Tab 免費網站小工具，當訪客離開分頁時閃爍喚起注意
今天要來介紹一個比較特別、有趣的網站工具，大家都知道，瀏覽器的分頁標籤可以做很多事情，不只是顯示網站圖示和網頁標題，例如透過 The Great Suspender 和 Tab Hiberna…
閱讀全文 »
閱讀全文 »
hilite.me 線上將程式碼加上高亮效果，免載入 JavaScript、CSS
前幾天剛介紹過「Carbon 將程式碼轉為美麗圖片，在社群分享更引人注目」，Carbon 是相當有趣的程式碼運用，除了提升擷圖質感、讓原始碼更易於閱讀，最大用途是當你要分享程式碼到社群…
閱讀全文 »
閱讀全文 »
Carbon 將程式碼轉為美麗圖片，在社群分享更引人注目
如果要在網路上分享程式碼（Source Code），通常你會怎麼做呢？若是自己的網站、部落格那還好解決，通常只要將程式碼貼上，搭配高亮效果（Highlight）就能將代碼上色，加入行…
閱讀全文 »
閱讀全文 »
HtmlWasher 網頁程式碼清理工具，快速去除雜亂代碼保留基本標籤
若你有接手編輯過他人網頁，或是複製其他頁面版型的經驗，應該會發現最困難的往往不是編輯網站，而是將現有的程式碼整理乾淨，讓它能夠格式化，呈現出一致的效果。尤其對於一些較為複雜的頁面，…
閱讀全文 »
閱讀全文 »
IBM Plex：IBM 設計免費字型下載，三種字體類型及風格指南
這幾天看到國外網站介紹，IBM 企業自行開發一款新免費字型「IBM Plex」，同時將它釋出、開放讓所有人可以免費下載使用！此外還提供「IBM Type」風格指南仔細規範各種使用範例，例…
閱讀全文 »
閱讀全文 »
CSS & JavaScript Compressor 線上程式碼壓縮工具，有效提高網站速度
在更新網站時，經常透過網站檢測工具來檢查網站有沒有可以改進的部份，例如我個人相當常用 PageSpeed Insights 和 Think With Google，通常會出現 CSS、Jav…
閱讀全文 »
閱讀全文 »
Mergely 免費線上差異比對（Diff）工具，快速查看及合併程式碼修改段落
在 Linux 有個相當好用的指令「diff」，可以快速比對兩個檔案之間差異，並產生快速更改特定程式碼段落的 Patch 檔案，對於更新或修補問題來說非常方便，幾乎可以下個指令完成。不過如…
閱讀全文 »
閱讀全文 »
CSS Reference 前端設計師必備手冊！收錄 CSS 樣式表屬性說明及範例
前幾天介紹過「HTML Reference 網頁開發者必備手冊！收錄所有 HTML 元素及屬性說明」，有讀者說這個網站比 W3Schools 更方便快速，對於開發者來說實在非常實用，但可能有些…
閱讀全文 »
閱讀全文 »