【好物】invisionapp

進年來 prototyping 的工具實在是很多，今天要介紹的就是其中一款不錯用的 prototyping 工具。

【webpack】你好

一直以來我都使用 gulp 作為開發時的編譯工具，一直到有人跟我說 webpack 比較屌我也終於開研究一下 webpack。

在CentOS上灌 oh my zsh

因為開始習慣要有 git 的環境，所以沒有良好的 terminal 實在難作業。

【webpack】戴入字型檔 error

最近很流行使用字型檔來戴入 icon, 但在 webpack 裡，似乎會出一點錯：
如果你使用了：

{test: /\.woff$/, loader: “url-loader?limit=10000&minetype=application/font-woff”},
 {test: /\.woff2$/, loader: “url-loader?limit=10000&minetype=application/font-woff”},
 {test: /\.ttf$/…

【webpack】sass-loader 不能用

如題，如果你的 webpack 的 sass-loader 不能用，請先移除它

npm uninstall --save sass-loader

然後改裝 0.4.2 版本的 sass-loader

npm install --save sass-loader@0.4.2

如果沒意外的話應該就可以了

版本控管入門

其實身為一個開發者，活了這麼久才會用 git 實在是很丟臉…
之前沒有使用 git 協同工作時，我常常遇到一個問題：

程式碼沒有版本控管，也就是說如果我寫錯而且重開機過的話：

我就不能用ctrl+z回復之前的版本啊QAQ

所以此時心裡就默默的覺得很幹，或者是主管說要做一個新功能，然後很火速的做好之後，主管說：

clientWidth, offsetWidth and scrollWidth

用 javascript 取 DOM 的寬度時，可分為：

1. clientWidth (可視範圍)
2. offsetWidth (元件本身範圍)
3. scrollWidth (實際範圍)

一張圖就可以搞清楚它們的差別。