字蛛(FontSpider)-中文WebFont自動化壓縮工具,讓網頁自由引入中文字體成為可能!
FontSpider:字蛛中文字體壓縮器是一個可以讓網頁自由引入中文字體的源碼工具,通過分析本地 CSS 與 HTML 文件獲取 WebFont 中沒有使用的字符,并將這些字符數(shù)據(jù)從字體中刪除以實現(xiàn)壓縮,同時生成跨瀏覽器使用的格式。 官網:http...
web前端工具搜集各類web前端工具,最好最實用的web前端工具 字蛛(FontSpider)-中文WebFont自動化壓縮工具,讓網頁自由引入中文字體成為可能!FontSpider:字蛛中文字體壓縮器是一個可以讓網頁自由引入中文字體的源碼工具,通過分析本地 CSS 與 HTML 文件獲取 WebFont 中沒有使用的字符,并將這些字符數(shù)據(jù)從字體中刪除以實現(xiàn)壓縮,同時生成跨瀏覽器使用的格式。 官網:http... 快速將PSD特效轉化成CSS3代碼這是一個PS插件 官網地址:http:/// 下載 下載適用于Adobe Photoshop CC 2014 下載適用于Adobe Photoshop CS5, CS6 and CC 下載適用于A... 網頁中嵌入特殊字體(@font-face)這里主要用到@font-face這個語法。 假如我要使用一個open-sans字體,點擊ADD FONTS按鈕,并勾選Agreement,如下圖 打開轉換字體的網站http://www./tools/webfont-g... 在Chrome中測試響應式頁面(Dimensions Toolkit)新版firefox或者nightly版本的開發(fā)者工具中自帶有響應式測試工具。 對于用慣了Chrome的同學來說,想要在Chrome中測試響應式頁面怎么辦。 國外牛人開發(fā)出了這么一款應用Dimensions Toolkit 查閱更多 轉載請注明:We... 飛一樣的編碼-HBuilder之初體驗昨天偶然見QQ群內一人提到HBuilder,就去搜了一下,找到官網(http://www./),瞬間被官網首頁那一連串迅速編寫代碼的演示效果給震驚了。之前看過國外的一些編輯器,現(xiàn)在感嘆都沒有如此高效快速的,正是應驗了HBui... 使用AlloyDesigner快速WEB開發(fā)AlloyDesigner介紹 AlloyDesigner 重新定義了Web頁面構建的模式,頁面構建過程中,AlloyDesigner直接嵌入你的Web頁面中運行,幫助你精準、高效的構建Web頁面的UI!AlloyDesigner 是用 HTML5... web前端測試利器–CodePenCodePen是用來制作測試頁面的網站 CodePen只提供最新版本的jQuery, MooTools, Prototype框架,且默認不使用任何庫。 jsFiddle寫代碼的效果要手動點擊Run才能看到,CodePen所見即所得。如果你是沒有2個顯... 使用Emmet(前身Zen Coding)加速Web前端開發(fā)Emmet插件以前被稱作為Zen Coding,是一個文本編輯器的插件,它可以幫助您快速編寫HTML和CSS代碼,從而加速Web前端開發(fā)。早在2009年,Sergey Chikuyonok寫過一篇文章,提出編寫HTML和CSS的新方法。這一革命性的插... 阿里UX矢量圖標庫–最強大的矢量圖標庫(Icon font制作力薦工具)繼前面介紹過ICON-FONT的制作后,找了幾個ICON庫都是國外的 今天偶然發(fā)現(xiàn)阿里巴巴的圖標矢量庫,www.iconfont.cn 用了之后感覺很強大,豐富的圖標庫(集合阿里媽媽&淘寶的圖標庫),還支持自己上傳,關鍵還能生成你項目專用... 開發(fā)者調試工具Chrome WorkspaceWorkspace是個什么樣的東西呢?他能夠在開發(fā)者工具中調試修改js或者css同時自動保存文件,能夠避免開發(fā)人員在工具中調試好,再到編輯器中修改一次代碼的重復操作,能夠提高一定的效率。 之前這樣的功能需要在本地開啟一個sever端的服務。例如 a... |
|