視所有電腦上的資料為二進位資料

現在看很多攻擊，感覺要在一開始就把字串當作二進位資料來看待會比較安全
所以結論就是：一定要視字串為二進位資料

事實上，最好是「視所有電腦上的資料為二進位資料」，例如像是變數儲存的內容，甚至是word文件檔也是

Web Security資源

以我現在的程度，大致上到下面這幾個資源去找，Web Security資料就很完備了

1. OWASP
https://www.owasp.org/
wiki左邊的Reference有很多資料。Reference的Attacks很有參考價值，也有教你如何防範。
OWASP Code Review Guide也很值得參考。OWASP Cheat Sheets也是！

2. 書籍
「網頁程式駭客攻防實戰－以 PHP 為例」這本還不錯，整理得滿有條理的。但我覺得Paros有點難用，而且似乎也沒再更新了。建議可以改用Fiddler2。

10 Great CSS Tips for every Web Developer

http://www.kidsil.net/2013/12/10-great-css-tips/

第七點很好用：用max width和max height來讓瀏覽器自動調整圖片大小，同時維持圖片比例

[轉貼] CSS height的深入研究

CSS相對單位的概念

使用%, em等相對單位時，是相對於父元素

例如div A的width:50%的意思就是寬度是父元素div B寬度的50%
但如果父元素div B的寬度也是用相對單位表示，父元素的父元素div C卻沒有設定width
那麼父元素div B的寬度設定便無效，連帶影響div A的寬度設定也無效

http://www.cnblogs.com/StormSpirit/archive/2012/12/29/2836617.html

Learn Vim Progressively

http://yannesposito.com/Scratch/en/blog/Learn-Vim-Progressively/

display, div, CSS深入研究

table-cell搭配百分比寬度(重點：display: table的寬度要設定100%)
http://stackoverflow.com/questions/15373147/make-display-table-cell-use-percentage-width

display深入研究
http://www.cnblogs.com/StormSpirit/archive/2012/10/17/2726994.html
http://www.cnblogs.com/StormSpirit/archive/2012/10/24/2736453.html

CSS深入研究
http://www.cnblogs.com/StormSpirit/category/344334.html

用純CSS解決div垂直置中
http://blog.yam.com/hanasan/article/35806444

Vim在UTF8 screen下亂碼解決辦法

1.
http://marc-abramowitz.com/archives/2011/12/14/vim-screen-corruption-with-screentmux-and-matchparen-vim/
Vim在UTF8 screen下，刪除字母的時候視窗會產生如亂碼般的錯誤，是由matchparen plugin導致的
關閉matchparen plugin的方法就是在.vimrc加入底下這行：
let loaded_matchparen = 1


2.
http://www.adp-gmbh.ch/vim/let_vs_set.html
vim的set和let的差別：
:set  guifont=Lucida_Console:h9:cANSI
:let &guifont="Lucida_Console:h9:cANSI"
以上兩行等價