QQBoxy - 酷酷方盒子: 10月 2011

2011年10月29日星期六

ⓒGoogle Blogger Navbar CSS3 淡出

前年站長有寫過一篇關於『隱藏Bolgspot部落格上排的navbar』的文章，
近來來CSS技術發展非常快速，
CSS3的出現也為網頁帶來更全新的面貌，
那我們的Navbar也該來個小小的升級，
也許我們可以應用一下CSS3的Animations技術，
讓這個Navbar有個淡出的效果啦。

現在就在你的部落格貼上以下的CSS3語法：

說明：
如果你不清楚要貼在哪裡，
請先進到部落格後台畫面(如圖)

點選『範本』 > 『修改HTML』後(修改之前請記得先備份)，
試著搜尋找到這行『]]></b:skin>』然後貼在它的上面(不保證每一款風格貼法都相同)。

PS：支援Google Chrome、Firefox，但不支援Internet Explorer。

關鍵字：Blogger、navbar-iframe、Hide、Google部落格、隱藏、淡出、上排、導覽列、CSS3、Animations。

2011年10月20日星期四

ⓒSyntaxHighlighter 3.0.83 增加 Lisp 語言支援

由於SyntaxHighlighter 3.0並沒有支援Lisp，
所以站長在網路轉了一圈找到有份由 Haugen 所製作2.0版的腳本，
增加方法很簡單的請把下面原始碼代回去存成『shBrushLisp.js』放到『scripts』目錄底下即可，
使用時brush請指定為lisp就能使用了。

/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/SyntaxHighlighter
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
 *
 * @version
 * 3.0.83 (Oct 20 2011)
 */
;(function()
{
    // CommonJS
    typeof(require) != 'undefined' ? SyntaxHighlighter = require('shCore').SyntaxHighlighter : null;
    
    function Brush()
    {
        // "shBrushLisp.js" was created by Haugen
        //  Remodify by QQBoxy
        var funcs = 'lambda list progn mapcar car cdr reverse member append format';
        var keywords  = 'let while unless cond if eq t nil defvar dotimes setf listp numberp not equal';
        var macros = 'loop when dolist dotimes defun';
        var operators = '> < + - = * / %';
        this.regexList = [
            { regex: SyntaxHighlighter.regexLib.doubleQuotedString, css: 'string' },
            { regex: new RegExp('&\\w+;', 'g'),                     css: 'plain' },
            { regex: new RegExp(';.*', 'g'),                        css: 'comments' },
            { regex: new RegExp("'(\\w|-)+", 'g'),                  css: 'variable' },
            { regex: new RegExp(this.getKeywords(keywords), 'gm'),  css: 'keyword bold' },
            { regex: new RegExp(this.getKeywords(macros), 'gm'),    css: 'keyword bold' },
            { regex: new RegExp(this.getKeywords(funcs), 'gm'),     css: 'functions bold' }
        ];
    };
    
    Brush.prototype = new SyntaxHighlighter.Highlighter();
    Brush.aliases = ['lisp'];
    
    SyntaxHighlighter.brushes.Lisp = Brush;
    // CommonJS
    typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
})();

2011年10月19日星期三

ⓒ免費的EmEditor也能改造成C/C++編譯器

要讓一個不到3MB的記事本編輯器也能夠Compile C/C++，
這其中最大的功臣當然就是MinGW啦，
如果您也跟站長一樣是免費版EmEditor 6.00.4繁體中文的愛用者的話，
那麼您可以從『工具(T)』>『外部工具(E)』>『外部工具的設定(C)...』裡頭
『新增』一個『外部工具的屬性設定』然後輸入下面幾個站長提供的設定，
當然這些指令都必須要先安裝相對應的編譯工具才行唷。

安裝編譯工具：
C/C++安裝MinGW

標題：C Compiler
指令：gcc.exe
參數：$(Dir)\$(Filename).$(Ext) -o $(Dir)\$(Filename).exe
原始目錄：C:\MinGW\bin\
圖示路徑：PlugIns\c.ico

標題：C++ Compiler
指令：g++.exe
參數：$(Dir)\$(Filename).$(Ext) -o $(Dir)\$(Filename).exe
原始目錄：C:\MinGW\bin\
圖示路徑：PlugIns\cpp.ico

補充說明：
圖示路徑可以在EmEditor下新增一個PlugIns資料夾，
然後放入icon圖示。

按鈕圖示：
C/C++ Icon

後記：
按鈕是站長用小畫家畫完丟去IcoFX轉檔的喜歡就帶走吧，
若對Command命令有基礎的朋友這些指令應該不難懂，
在説明主題內的EmEditor Help > Frequently Asked Questions > Tools
有一篇『Q. What are examples of External Tools configuration?』裡頭有官方的一些設定範例，
想要自行DIY的朋友可以參考看看，
日後有空站長還會再補上一些其他的參數。

2011年10月14日星期五

の選擇學習程式語言

圖片資訊來源：TIOBE Programming Community Index、Old Site

在文章開始前，先來看看上面這張TIOBE公司統計的使用數據，看完後我們可以這樣認為，在排行榜前面的就是目前主流的程式語言，可以看見Java、C、C++、PHP...等都是目前主流的語言，那這麼多程式語言究竟該選擇哪一種程式語言來學習呢？其實這是一個很好的問題，站長其實在大學時就有先學了基礎的C++，但還是認為不足想要再學習其它語言的時候，也面臨過這個相當微妙的問題。

當時其實我選了一個相當簡單的語言，它的名字叫做JavaScript，這個語言是用來在網頁上增進與使用者互動的相當不錯的語言，這時候可能有人會問為什麼要先學JavaScript呢? 其實答案很簡單，就只是因為我需要用到，並不是用在課業或是工作上，而是擺在娛樂的用途上，當初純粹是為了要在我個人網站上面增添各種互動特效而學習的。其實先學習哪一種語言並不是非常重要，因為身為一個程式設計師，妳要會的並不只是一兩種語言，而是必需懂得把語言用在對的場合，並且學習如何搭建各種語言之間的橋樑。總而言之，最好是熱門的語言都要略懂，需要深入使用某種語言的時候再來仔細專研。

舉個例子來說，在機械領域上就比較適合使用C/C++語言，因為該語言較親近硬體端的嵌入式控制，也許你說有些嵌入式系統用Java也可以辦到，但事實上在精密的處理效率上往往還是C/C++語言略勝一籌。鏡頭轉到網頁上，目前較熱門的程式語言是PHP，它是個簡單易學的語言，常常搭配著SQL資料庫來做資料讀寫顯示，其實PHP也可以單機處理運算，但因為是直譯式語言運算效率不高，所以鮮少人拿PHP來跑數值運算。這時候C語言又出現了，它的運算能力強大，可是兩種不同的語言是不能寫在一起的，必須透過寫成API的方式讓兩者能夠相互溝通，這就是為什麼必須要學習搭建各種語言之間的橋樑，我們必須善用各種語言的強項，互相分工合作以達到最高的效率。

這是站長學習了C/C++、Java、C#、PHP、(Visual)Basic、Python、Ruby、JavaScript...等語言後的小小淺見，最後歡迎各位加入程式設計的行列。

PS：剛剛看到C語言之父逝世的消息，也在此致上悼念之意。

網頁

2011年10月29日 星期六