如果要呈現一段程式碼,通常會加入更易於閱讀的色彩效果,這在網頁裡不難做到,甚至大多數編輯器都已經內建上色功能,對於不支援 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 更方便快速,對於開發者來說實在非常實用,但可能有些…
閱讀全文 »
閱讀全文 »