最新紀錄

life· 4 分鐘

被討厭的勇氣

你過得快樂嗎？如果不快樂，代表你不夠在乎你自己。 “被討厭的勇氣”是我今年看過最值得閱讀的一本書，書中的引言有許多人提到為何沒有早一點看到這本書，在我讀完以後也…

study

2015 年 12 月 12 日 繼續閱讀 →

sass· 5 分鐘

客製化屬於你的 Bootstrap 4

Bootstrap 是目前最流行的CSS Framework，第四版也釋出了開發版本，無論第幾版對於工程師來說 Bootstrap 就是那麼的容易上手，但扯上設…

sassgulpbootstrap

2015 年 12 月 01 日 繼續閱讀 →

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 日 繼續閱讀 →

css· 2 分鐘

動手玩 CSS，快速學會Flex

上次製作了CSS column的範例，對於學習CSS column可以快速地瞭解(但實際運用相信坑非常多)，這次用angular製作了flex的範例，讓大家透過…

css

2015 年 08 月 14 日 繼續閱讀 →

web· 1 分鐘

隨意玩玩的 nw.js

之前就有聽說 web可以上桌面應用程式，也找到相關的工具，這次就是把實驗的成果記錄下來。

web

2015 年 08 月 13 日 繼續閱讀 →

css· 5 分鐘

CSS column 教學

CSS column對於文字排版有很大的幫助，就類似Adobe indesign在文字排版時，只要指定文字欄數，再將文字全部匯入即可。這樣在文字編排時則會以內容…

css

2015 年 07 月 23 日 繼續閱讀 →