Clik here to view.
Nginx 搭配 Laravel PHP Framework 設定
筆記在 Nginx 設定 Laravel 專案，現在的 PHP Framework 都將 query string 整個導向首頁 index.php，就拿 CodeIgniter 來說，在 Apache 只要設定 RewriteEngine on RewriteBase / RewriteCond $1 !^(index\.php|images|robots\.txt|$) RewriteRule...
View ArticleCSS Clear Fix 小技巧
記的之前 evenwu 為了找尋外包 CSS 人才，出了一份考題，有提供上機考，真是佛心來的，還給用 Inspector 或上網。其中一題就是 第二題、如果一個X元素內的子元素通通 float: left 請問X元素本身會有什麼狀況？如果我要在X元素內下背景，卻沒有顯示，請問如何解決？ 解決方式就是實作本身 clear-fix，或者是在元素後加上 clear: both 的標籤，大概就是底下的樣子...
View ArticleClik here to view.
CodeIgniter REST Server with Backbone.js Issue
如果有在用 CodeIgniter 來當作 REST Server 的朋友們，我相信都會找到 philsturgeon 所寫的 codeigniter-restserver，此套件幫你完成底層 API Response 動作，讓你可以輕易處理 REST URL。但是如果拿這套程式碼來搭配 Backbone.js 你會遇到拿不到 POST 或 PUT 變數問題，作者來一一描述。 使用...
View ArticleClik here to view.
RequireJS 搭配 CKEditor
網頁編輯器大家推薦的就 CKEditor 或 TinyMCE，兩套各有優缺點，CKEditor 雖然功能最完整，也是最肥了，雖然官網可以自己挑選 plugin 來簡化肥肥的 source code。如果是單純用在後台管理，我還是推薦 CKEditor，給前端使用者的話，就推薦 TinyMCE 了，畢竟前台還是要以輕量為主。 CKEditor 用法很簡單，官網有提供搭配 jQuery Adapter...
View Article2013 PHPConf Introduction to Gearman in PHP
今天 PHPConf 簡報檔，介紹 Gearman in PHP 應用，歡迎自取，有問題可以留言 Related ViewICOS 2010 Introduction to CodeIgniter PHP MVC Framework (4)How to install Gearman on Ubuntu or Debian with MySQL 安裝測試篇 (1)如何善用 CodeIgniter...
View ArticleHAProxy 搭配 CodeIgniter 取使用者真實 IP
前端 Load Balance 首選就是 HAProxy，後端架設 Nginx 搭配 CodeIgniter，紀錄使用者 IP 時，Nginx 總是只有抓到內部 IP 192.168.x.x，而無法抓到真實 Public IP，要抓到 Public IP 必須修改 HAProxy + Nginx 設定檔，HAProxy 只要在 Backend 地方加入 forward 選項，這樣 HAProxy...
View ArticleDrone.io 搭配 Ruby 環境測試
相信現在 Git 已經是大家共通的版本控制工具，每當專案有新的 commit，我們可以透過 Travis 來幫忙做測試，但是 Travis 真的只有支援測試而已，如果測試成功想要進一步 Deploy 到任何機器或者是繼續做任何動作，這些都不支援的，那國外有些 Service 可以整合 Github 或 Bitbucket Project 幫忙做到自動測試及 Deploy，比較常見的就是...
View ArticleClik here to view.
Gitlab CE + Gitlab CI 打造版本控制及自動測試流程
Git 版本控制不管在嵌入式或 Web 領域都是很受歡迎的工具，尤其是不會遇到像 svn 搞爛 source tree，然後又要 Google 一堆解法。一般公司入門大概就是買 Github 服務，一個月才五美金，可以提供五個 Private Project，當然你也可以不付錢，而去使用 Bitbucket，好處就是無限的 Private...
View ArticleClik here to view.
Jenkins + Nginx User Auth
Jenkins CI 是一套非常好的 Job 執行 Tool，可以幫忙跑專案測試，測試完成後繼續 Deploy 到相對應的伺服器，也可以自動寄信給開發者或者是指定的內部人員。在 Ubuntu 或 Debian 安裝方式非常簡單，按照下述操作就可以簡易架設完成 $ aptitude -y install openjdk-7-jre openjdk-7-jdk $ wget -q -O -...
View ArticleClik here to view.
將 Backbone Framework 升級到 1.1.0 注意事項
Backbone.js 經過了半年終於在 10 月 Release 了 1.1.0 版本，這次升級最重要的一點就是，Backbone 本來在 View 有支援 options，讓你可以透過初始化過程，將自定額外的 key 及 value 帶入，並且可以隨時透過 this.options.key 的方式取得資料。直接給例子來解說好了 this.example = new...
View ArticleClik here to view.
西聯匯款 Google Ansense 取款步驟
如果有在用 Google Adsense 服務朋友們，相信在台灣的取款方式都是透過西聯匯款，以前支援西聯匯款服務的銀行還蠻多的，但是這次取款發現只剩下兩間銀行大眾銀行及京城銀行，所以大家不要再跑去其他銀行了，取款之前請先到西聯匯款查詢家裡附近有哪些銀行可取款，出發前，你只要準備好底下資料即可。 * 收件人 first name 及 last name (您的英文名字) * 匯款人 first...
View Articlejquery-serialize-object 不支援 IE7,8 瀏覽器?
最近專案需求用到 jQuery Serialize Object plugin，它能夠自動將 Form 表單內的值，全部轉成 object 或 json 字串，減少開發者每次都要寫抓取 Form 表單內全部欄位的值。此套件安裝及使用方法都很容易，安裝可以透過 Bower 方式，或者是下載 source code 直接 include 即可，在 IE 7 或 8 為什麼沒辦法使用呢，原因是作者使用了...
View ArticleClik here to view.
Youtube IFrame API Unable to post message Issue
YouTube IFrame Player API 提供了簡單的介面及方法，讓網站可以快速整合 Youtube 影片，但是不得不說 Google 針對 Youtube API 時常改版，所以就會常常碰道友時候可以動，有時後不可以動。Youtube 在 2011 公告開始支援 https protocol，所以現在很多網站存取 Youtube API 時，都會使用底下寫法...
View ArticleClik here to view.
玩命關頭主角 Paul Walker 享年 40 歲
今天最震驚的消息就是玩命關頭主角 Paul Walker 發生車禍意外享年 40 歲，在 Twitter 得知此消息，Wiki 上面也已經更新死亡訊息了。 It's with a heavy heart that we must confirm Paul Walker passed away today in a tragic car accident…MORE:...
View ArticleClik here to view.
Javscript 18 歲生日歷史演進
在 resin.io 看到這篇 Happy 18th Birthday JavaScript! A look at an unlikely past and bright future. 裡面有些 Javascript 發展史，蠻有趣的，分享給大家看看。18 年前由 Netscape 和 Sun 共同 Release Javscript，在當年18天後，Ruby 也同時發佈了，底下來看看...
View ArticleClik here to view.
Jenkins + Apache User Auth
上個月寫過一篇如何設定 Nginx + Jenkins 文章，可以參考: Jenkins + Nginx User Auth，這次筆記 Jenkins + Apache 設定方式 安裝 Jenkins 在 Ubuntu 環境，可以直接參考 Installing Jenkins on Ubuntu $ wget -q -O -...
View ArticleClik here to view.
CodeIgniter 初始化 Library 流程
好久沒寫 CodeIgniter 相關文章，這次看到在論壇有人發問 application/libraries 優先權，想說把整個 CodeIgniter 如何讀取 Library 的流程整個寫下來，其實也不會很難，但是就是要照著 CI 定義的規則來命名檔名以及 Class。假設要讀取 Email Library，我們可以透過底下方式讀取...
View ArticleClik here to view.
The streaming build system Gulp
看到 Yeoman 作者之一 Addy Osmani 開始 review Gulp build system，由於 Yeoman framework 跟 GruntJS 是很緊密結合的，但是 GruntJS 套件愈來愈多，漸漸的執行 GruntJS 後，開始吃了系統 CPU 及記憶體，這對於開發環境而言，會是一大負擔阿，大家不知道有無發現，跑 Nodejs GruntJS...
View ArticleClik here to view.
增加 phpMyAdmin 登入時間
phpMyAdmin 是一套管理 MySQL 資料庫的 UI 介面工具，預設登入時間為 1440 秒，這時間是定義在 libraries/config.default.php 內，phpMyAdmin 也是透過 gc-maxlifetime 來決定 Session 存在與否，所以如果要增加登入時間，比如說設定一年 (3600 * 24 * 365) 好了，請按照底下設定 PHP 設定檔 如果是裝...
View ArticleClik here to view.
前端工程師必看: 十大 CSS 技巧
2014 年第一篇文章來寫前端工程師必須要瞭解的 [CSS] 技巧，此篇其實來自於 KidsIL Blog 內的一篇 10 Great CSS Tips for every Web Developer，裡面作者紀錄了十大 CSS 技巧，看完這十大後，發現有些技巧曾經出現在 Even Wu...
View Article