Inline CSS

最近需要寫一個發送 email 的 program。如果要用 HTML 的話,最好都是找到現成的 HTML email framework。(例如 Zurb 的 Ink,其他的可以參考 Responsive Email Resources 網站)因為 HTML email 和平時做網頁分別很大,例如: CSS 要 inline,<style> 並不是全部 email client 都能支援 排版要用 <table> 圖片視乎需要當成附件,Base64 未必能被 email client 支援 但設計 email 時如果要寫 inline style 是非常難寫,所以都是用工具轉。我試過用 Gulp 配 gulp-inline-css 和 gulp-inline,效果不錯。 ...

March 11, 2015

萬用 Preprocessor Compiler:Prepros

Prepros 是一個能支援多款 CSS、JavaScript 和 HTML Preprocessor 的 compiler,它支援 LESS、Sass、Scss、Stylus、Jade、Slim、CoffeeScript、Haml 和 Markdown,有些名我還是第一次聽。有了它就不用再裝 Ruby 之類的東西,因為它已經內置 compile 時所需的程式。它可以在 compile 的時候亦可以 minify code(minify 是指將檔案中不必要的空白字元、註解清除,令檔案變小,加快網頁載入的時間),亦支援近年流行的 Live Reload 功能(在檔案儲存時瀏覽器會即時重新載入有關的網頁,方便即時看到剛才修改過的效果,只需要安裝 Prepros 的 extension 和在 Prepros 開啟這個功能就可以了)。它支援的 Preprocessor 數量和功能可以媲美 Mac 的 CodeKit。不過 Prepros 不能直接 minify 最原始的 JavaScript 檔案,亦沒有優化圖片的功能,但都足夠一般的使用。重點的是 Prepros 是免費的! ...

June 8, 2013

下載 Droid Sans 字型

Droid Sans 是 Android 使用者介面所使用的字型 ((雖然有部分手機製造商會自訂使用者介面的設計,但大部分的手機均使用 Droid Sans 作為介面字型。)),整個 Droid 字型家族是由 Ascender 的 Steve Matteson 設計。而 Droid 字型家族共分三個字型: ...

May 11, 2011