分類：tools

tools· 1 分鐘

過去的學習 每天一分享

很多人會問我設計師怎麼轉工程師，主要的方式當然是每天練啊！ (故事回到了2013…)當時會的不多，基本的CSS(還有一些些sass)、簡單的jquery，不會任…

study

2015 年 11 月 28 日 繼續閱讀 →

tools· 4 分鐘

更棒的 Jekyll 編寫工具

這個Blog也維持很長一段時間了，曾經會想要放棄維護轉到其它平台，主要原因是Jekyll上稿有些麻煩的地方，其中一項最痛的就是上圖…。在上圖之前，都必須先將圖片…

jekylltools

2015 年 11 月 25 日 繼續閱讀 →

tools· 4 分鐘

將 Sketch icons 轉成 web icon fonts

在之前轉web font icons 通常是使用Icomoon，他提供不錯的介面以及大量的icons供開發者使用，但有些時候Icomoon並不符合我們的需求，例…

toolsicon fontssketch

2015 年 11 月 20 日 繼續閱讀 →

tools· 2 分鐘

SVG 客製化 checkbox

先前有看到酷炫的checkbox效果，一直想要做看看，最近在整理資料的時候發現還沒做(因為坑還很多)，這次就來介紹這樣的效果要怎麼完成。

tools

2015 年 10 月 19 日 繼續閱讀 →

tools· 2 分鐘

Hotjar 網站熱圖

Hotjar 是監視網站使用者資訊的工具，提供 Heatmap、Recording、Funnels、Forms 四種監測服務，透過這四種服務可以分析使用者行為，…

tools

2015 年 10 月 07 日 繼續閱讀 →

tools· 2 分鐘

Zeplin, 跨越工程師與設計師的鴻溝

從去年開始，做網頁設計時都開始使用Sketch，一方面是對於Web來說，Sketch相當的合適，另一方面則是Sketch有相當多的擴增工具，讓在執行上可以方便不…

toolszeplin

2015 年 04 月 09 日 繼續閱讀 →

tools· 3 分鐘

Middleman 超級快上手

之前長時間都是使用Fire.app(到目前也有在用)，因為少許原因，所以一直有在嘗試其他工具，而之前有介紹過Gulp，他可以透過Node.js做出類似Fire.…

tools

2015 年 03 月 23 日 繼續閱讀 →

tools· 1 分鐘

Emmet Live Style 加減用啦~

livereload for Windows因為是測試版，經常性的有問題，有時候還會不能使用，這時候可以試試Emmet LiveStyle，他主要會針對CSS的…

toolsemmetsublime text

2014 年 01 月 04 日 繼續閱讀 →

tools· 3 分鐘

前端軟體-Prepos介紹

情境當在進行前端設計的時候，如果想要分享Html給夥伴看看，有哪些方式呢？ 叫他過來看 截圖之後，傳line給他看 上傳到空間，丟網址給他看 今天介紹一個更快的…

tools

2013 年 12 月 27 日 繼續閱讀 →