定期檢查你的 網站(Web) 是否還活著 - UptimeButler

通常我們做好一個網站都會想知道他是否隨時存活著，如果自己實作的話可能就是寫一個 crontab 定時去 request，如果回應不對就寄信通知，但自己實作還是要花點力氣。因此今天要介紹的就是一個方便你達成這件事的網站 - UptimeButler ！

手遊心得 - 七騎士

最近開始玩了一款手機遊戲，叫做「七騎士」，玩了三天及在巴哈姆特爬了一些文之後，開始有點心得，因此就來寫點心得。

(圖片來源: http://goo.gl/DU9SgO)

PHP 不分中、英文取得正確的字串長度

在 PHP 一般我們取得字串長度都會聯想到 strlen 這個 function，但是當字串裡面有中文時就會發現，strlen 算出來的數字不符合我們的預期，原因是 strlen 是計算字元長度，中文的 byte 數會比英文多。

因此，如果想不分中英文來取得字串長度就該使用 mb_strlen，以下就附上範例：

1. <?php
2. 
   
3.     $str = "測試Test";
4.     echo "字串:" . $str . "<br>";
5.     echo "strlen:" . strlen($str) . "<br>";
6.     echo "mb_strlen:" . mb_strlen($str, 'utf-8') . "<br>";
7. 
   
8. ?>

如何在 Javascript each 中做 break 或 continue

我們都知道很多程式語言都有 break 和 continue 可以用，但若想用 Javascript each 使用這兩個語法，可不是這樣用的，以下就來看看正確的使用方式吧！

1. $(".items").each(function() {
2.     if ( wantContinue ) {
3.         return true;
4.     }  //  continue
5. 
   
6.     if ( wantBreak ) {
7.         return false;
8.     }  //  break
9. });

結論就是:

1. return true > continue
2. return false > break

八卦(易經)算命之六十四卦自動擺盤

之前用 Android 的手機時，由於偶爾會幫人算命及卜卦，所以寫了一隻 APP(六十四卦卦象速查表) 來查表能，但自從兩年前換了 IPhone 後，要幫別人算命的時候就沒 APP 可以用了...而且有時存好的查表網站都死掉要重找，所以決定怒寫一個網站，順便證明一下自己寫程式的功力有沒有進步。

上次寫 APP 的時候，只做了查表的功能，且動線沒有規畫的很好...花了三週左右。而這次的網站只要輸入日期就可以自動排出完整卦象且畫面簡單明瞭，總共只花了一週。所以看來這兩年來，我寫程式的功力真的是有大大提升啊!!! 以下就附上我新寫的自動擺盤系統吧！

網站: 六十四卦自動擺盤 - http://www.64divine.com/

用 CSS 來製造動畫 - Animate.css

最近在開發網站需要做一些簡單的動畫，發現了一個不錯的套件叫做 Animate.css，他有很多 CSS 動畫，可參考他的 CSS 微調修改出自己想要的動畫，且可在官網上看到 Demo 的效果，如下圖:

這邊就附上 Animate.css 的網址: http://daneden.github.io/animate.css/

Bootstrap with Google material Design

相信大家對於 Google 所提倡的 Material Design 非常有興趣，但是要自己實做這些 CSS 及動畫似乎有點困難阿...好在國外已經有人開發好一套基於 Bootsrap 的 Material design 了，這對熟悉 Bootstrap 的人來說，可說是個好物呀！以下就附上此套件的截圖及 GitHub

網址: https://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html

MD5 加密/解密 (Encode / Decode) 準確度較高的網站整理

相信現在 MD5 已經被廣泛使用在檔案傳輸及資料加密的一個方式，但有時候我們需要解密  MD5，但是要解密其實不太容易，網路上找到的解密網站通常都是自己建立了龐大的資料庫，針對所要查的 MD5 碼 去做反查。因此以下就整理了幾個我覺得準確度和資料庫比較大的網站供查詢:

1. http://www.md5online.org/
2. http://www.md5decrypt.org/
3. http://md5ss.sinaapp.com/
4. https://md5hashing.net/hashing/md5

PHP 測試執行 code 的時間

最近在測試一些 SQL 語法的效能問題，所以需要用 PHP 來計算執行的時間，於是就發現了 PHP 有內建函式 microtime，以下就附上使用範例:

1. $time_start = microtime(TRUE);
2. 
   
3. /**  寫下要測試時間的程式碼 **/
4. 
   
5. $time_end = microtime(TRUE);
6. 
   
7. $time = $time_end - $time_start;
8. 
   
9. echo $time;

MySQL TEXT 格式，存進的資料長度限制究竟是多少?

最近發現在 MySQL TEXT 格式的欄位存入一些比較長的資料時，讀出來的資料竟然會不完整，於是查了一下 MySQL TEXT 相關的格式長度列表，於是作出以下的整理:

1. TINYTEXT: 256 bytes
2. TEXT: 65,535 bytes => ~64kb
3. MEDIUMTEXT: 16,777,215 bytes => ~16MB
4. LONGTEXT: 4,294,967,295 bytes => ~4GB

參考資料: Maximum length for MYSQL type text

Youtube 歌唱技巧教學好資源 (胡彦斌)

因為常常在 Youtube 看一些音樂教學相關的影片，所以常常推薦的影片都跟這方面有關，今天無意間發現一個歌唱教學頻道，教唱的人是最近在大陸頗紅的胡彥斌。我一直以來對他的歌唱不是很熟，但看過這幾個教學影片後，發現他真的是一個很會唱歌的人！應用的唱歌技巧很多，而且教學的方式淺顯易懂，相信跟著影片學應該能很快地掌握到一些訣竅，以下就附上這個頻道吧~！

設計師必備資源總匯 (APP、WEB、ICON、LOGO、BRANDING)

最近無意間發現一個將設計資源整合的很豐富的網站，它是由 ogdesign 所提供的，裡面包含了各式各樣的 UI 設計參考、配色參考及字型相關的資源網站，對於一時不知道該怎麼設計 UI 的設計師們應該能有很大的幫助！ 以下就附上網址:
http://resources.ogdesign.tw/

國外 WEB 工程師面試常見問題

最近無意間看到一個整理國外 WEB 工程師面試常遇到的面試官所問的問題的文章，裡面的問題包含了 HTML, CSS 及 Javascript，因此覺得滿值得參考的。相信做好萬全的準備，應該比較有機會錄取吧! 以下就附上網址:
https://github.com/darcyclarke/Front-end-Developer-Interview-Questions

PHP 與 Javascript 整數 0 與 小數 0.0 的差別

由於 PHP 及 Javascript 都是弱型別的程式語言，所以常常會誤以為他們有些概念是互通的，但最近發現了一個不容易 debug 的特例，下面就來看範例吧！

一. 在 PHP 中

1. $zero = 0;
2. $float_zero = 0.0;
3. 
   
4. $zero == $float_zero;  //  true
5. $zero === $float_zero;  //  false

二. 在 Javascript 中

1. var zero = 0;
2. var floatZero = 0.0;
3. 
   
4. zero === floatZero;  //  true

PHP 利用 EOT 來寫 HTML / Javascript

有時要在 PHP 加入 JS / HTML, 會因為排版或組字串弄的程式碼很醜，這時候就可以使用 eot 囉！不過要特別注意的是 EOT  使用的時候，前、後面不能有任何字元(包括空白)，否則會錯而且不好 debug，以下就附上使用範例:

1. <?php
2. 
   
3.      echo <<<EOT
4.          <div>Demo</div>
5. EOT;
6. 
   
7. ?>