Month: July 2014

‘tree’ command for Mac OSX

Posted by – July 29, 2014

'tree' 這個指令在許多系統中都存在,用途是繪製出目錄的樹狀結構,在寫技術文件時,這個功能非常方便。

不過 Mac OS X 沒有這個功能.... (殘念

搜尋了一下,果然有高手提供的替代方案

find . -print | sed -e 's;[^/]*/;|--;g;s;--|; |;g'

紅色的點可以替換成需要的目錄名稱,點則代表當前目錄。取得的目錄樹長這個樣子

|--assets
| |--bootstrap
| | |--3.1.1
| |--draw.js

 

Bookmark: highlight.js, Syntax highlighting for the Web

Posted by – July 17, 2014

最近在寫專案的技術文件,很不愛用 Word 的我理所當然地選用 HTML 格式來寫,對我來說這樣比較容易調整格式。再強調一次,用 Word 撰寫的技術文件超級難以閱讀,請大家唾棄這種作法。

雖然 Markdown 也不錯,但處理 <table> 或是 <iframe> 總是沒那麼順手,所以我還是慣用 HTML 編寫。

文件中包含了幾段程式碼範例,雖然不是必要,但總覺得沒弄個語法上色的效果,一點都不好閱讀... 所以搜尋了一下有沒有輕量級的 syntax highlight 套件。

我之前都是用 SyntaxHighlighter 套件,但總覺得語法和速度都太笨重了些,想換別的套件試試。結果找到這款 highlight.js

highlightjs_web

功能比 SyntaxHighligter 要少,例如.... 沒有行號 (line number) 的功能。不過有多種 theme 可以選,支援的語言種類也非常豐富。就決定採用了 !

Set VIM’s encoding to UTF-8

Posted by – July 17, 2014

常常連到遠端主機,打開 vim 後看到一堆亂碼,像這樣...

vim 的亂碼

 

這其實只是 vim 沒有依 UTF-8 編碼顯示而已。如果不想修改設定 (例如這是客戶的主機之類的),可以在 vim 的指令模式輸入

:set encoding=utf-8

將顯示編碼改為 UTF-8。另外以下指令可以將檔案指定存為 UTF-8:

:set fileencoding=utf-8

就醬。

Pure CSS One Div Weather Animated Icons

Posted by – July 17, 2014

用純 CSS 做出來的天氣動畫圖示,真厲害

See the Pen Pure CSS One Div Weather Animated Icons by Fabrizio Bianchi (@fbrz) on CodePen.

apt-get install wife

Posted by – July 9, 2014

Twitter 看到的 (笑

jQuery data() treating string as number

Posted by – July 3, 2014

自從 HTML5 開始推廣將自定義參數以 data- 型式標記後,自然也習慣地用 jQuery 的 data() function 來取值。

直到今天碰到一個很奇妙的狀況才注意到 jQuery 會將 data() 取回的資料做轉型。

HTML 長這樣…

<div data-mobile-phone="0919123456"></div>

JS 長這樣…

alert($('div').data('mobile-phone'));

每次跳出來的視窗內容都是 919123456,顯然被當成 int 處理了。

Google 了一會才發現 jQuery 文件寫了一行....

To retrieve the value's attribute as a string without any attempt to convert it, use the attr() method.

這沒熟讀文件還真的不知道,所以 JS 部份應改寫為...

alert($('div').attr('data-mobile-phone'));

才會得到正確的 0919123456。

Turn off display in Windows 7 without additional software

Posted by – July 3, 2014

我習開電腦時如果沒關機,也習慣把螢幕關掉,這樣可以省下多少電我不知道,只是一個養成多年的習慣。

但是最近家裡的螢幕電源開關變得接觸不良了,按了半天也關不掉,所以想說改用系統指令來讓螢幕休眠。

Win7 確實有個指令可以做到這件事... 在命令列提示列輸入以下指令就可以讓螢幕休眠。

%systemroot%\system32\scrnsave.scr /s

不過每次都要打指令也太自虐了。

另外做了一個捷徑放在開始選單裡,在選單點一下就可以關螢幕,方便多了。