Clik here to view.
Install Nginx + spdy module on Ubuntu or Debian
上一篇提到 nginx 1.4.0 釋出並支援 SPDY，教學環境是 CentOS，這次在 Ubuntu 環境編譯遇到 /usr/bin/ld: cannot find -lperl 找不到 perl library，解法可以透過 aptitude 安裝 libperl5.14，安裝好後，到 /usr/lib 底下找到 libperl.so.5.14.2，由於檔案命名關係，請用 ln 將檔案...
View ArticleClik here to view.
測試 Web Responsive Design Tool
Web CSS Programer 在撰寫 Responsive CSS Style 時，手邊一定會有一堆 Device，來測試當畫面小於 480 px 或大於 768 px 時，呈現的版面是否有亂掉，公司也花費許多成本來測試，現在不需要這樣了，我們可以透過線上 Tool 或者是 Plugin 來測試 Responsive Web Page，首先來介紹 Viewport...
View ArticleClik here to view.
Backbone Routing pushState in IE
Backbone.js 幫忙處理掉所有瀏覽器 Html5 History pushState 功能，除了 IE 9 以下(含 IE 9)不支援 history.pushState() 跟 history.replaceState()，其他 Browser 幾乎都支援了，在 Backbone.js 如何處理 URL 變化呢？以往透過 handle URL hash 來決定網頁要處理哪些資料，這也是...
View ArticleClik here to view.
IE 6 瀏覽器用戶全球分佈
此資料來自 The Internet Explorer 6 Countdown，大家注意上面圖示，沒想到台灣高居第二名，佔了 3.5% 僅次於大陸的 24%，大陸不感到意外，但是台灣的比例還真是高，難怪一堆程式開發者，抱怨連連 XD，這是統計到 2013 年 04 月，在這邊紀錄一下，等到明年這個時候再來看看此統計圖。 Related View[小技巧] JavaScript Cross...
View ArticleClik here to view.
2013 Javascript Conference: 你不可不知的前端開發工具
台灣第 2 屆 JavaScript 研討會在 5/18, 5/19 登場，今年報到率到 95% 了，我也給了一場 Talk，關於前端工具介紹，包含 CoffeeScript, Compass, Livereload, Bower Package Manager .. 等，最後介紹主軸 Grunt.js 來整合這些工具。 最後附上 Github 專案，歡迎大家 fork。 Related...
View ArticleClik here to view.
Flickr 改版及收費方式改變
在癮科技看到 Flickr大改版，收費方式也有異動，Flickr 整個介面大改版，這個就算了，連收費方式也大改，本來 Pro 的用戶，以後不再有 Unlimited storage 的優惠了，等到 pro 帳戶到期，系統會將帳戶轉為 Free 機制，雖然容量有到 1TB 的空間，其實也用不太完，但是整個感覺非常不好。 Flickr 目前只有三種帳戶機制，Free, Ad Free,...
View ArticleClik here to view.
高雄 KSDG 分享: 打造團隊共同開發環境
很高興受到高雄 KSDG 邀請，分享上禮拜在 JSDC 所介紹主題: 你不可不知的前端開發工具，在 JSDC 現場只有半小時可以講，這次在高雄有一個半小時可以講，如果想詳細了解前端工具，可以參考上禮拜的投影片，底下是在高雄軟體科技園區所分享。謝謝 Eric Bi 及工作人員可以讓我分享這次議題。 最後附上 Github 專案，歡迎大家 fork。 Related View2013...
View ArticleClik here to view.
Nginx + phpMyAdmin 搭配 SSL 設定
phpMyAdmin 是一套用來管理 MySQL 的 Web 介面，如果要讓 phpMyAdmin 強制走 https 的話，可以透過兩種方式，一種是直接設定 phpMyAdmin，另外一種方式是透過 Apache rewrite 或 Nginx 設定，底下來分別說明。 1. phpMyAdmin 設定 直接設定 config.inc.php，加入底下設定 $cfg['ForceSSL'] =...
View ArticleClik here to view.
JSDC 和 KSDG 影音紀錄 (淺談 GruntJS 整合開發工具)
很高興今年在 JSDC 擔任講師，演講主題為『你不可不知的前端開發工具』，這場議程只有30分鐘可以講，時間實在是不太夠，要消化這麼多工具其實對於聽眾有點困難，真是對不起聽眾了，不過沒關係，高雄 KSDG 五月份邀請我講『打造團隊共同開發環境』，其實就是將 GruntJS 精華整個講一遍，大概有一個多小時，底下是官方影音，如果朋友們沒北上參加，也可以透過 JSDC Youtube 來欣賞。 JSDC...
View ArticleClik here to view.
How to install Gearman on Ubuntu or Debian with MySQL 安裝測試篇
Gearman 可以在背景幫忙處理繁瑣的工作，例如壓縮影片、處理縮圖、發送認證信…等，這次不會提到太多 Gearman 介紹，如果想瞭解 Gearman 可以參考小鐵兄寫的 Gearman 心得，此篇會筆記如何在 Ubuntu or Debian 安裝 Gearman 搭配 MySQL 服務，當然如果你不是使用 MySQL，也可以另外搭配 Memcached 或 SQLite 都可以 Ubuntu...
View ArticleClik here to view.
PHP 5.5.0 Release note: support Zend OPcache
PHP 5.5.0 在上週 20 號正式 Release，也看到 PHP 官網終於改版了，新的版面看起來比較清爽，想嘗試新版面的朋友們，可以點選官網最上面鎖提示的 Bar，如果覺得新版面不是很好看，也可以切回去舊版。本篇來介紹 PHP 5.5.0 有哪些新 Feature。 新增 generators and coroutines 功能 Generators 提供了最簡單的寫法來實做...
View ArticleCSS 垂直置中解法
相信大家在 Google 可以找到很多解法，這幾天在 Facebook 發現更精彩的解決方式，就是用 CSS:before 跟 inline-block，底下提供範例: html 程式碼 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>JS...
View ArticleClik here to view.
CodeIgniter 尋找新東家
很高興看到 CodeIgniter 出了 2.1.4 版本了，距離上個版本大約 9 個月，但是這次的 Release 只針對 Security 做改善，可以參考 Change Log。然而在今天看到 Ellislab 宣佈找尋 CodeIgniter 新東家，也就是官網不再維護此 Project，希望有新的團隊或公司可以接手，繼續讓 CodeIgniter 發揚光大，在 GitHub 上的 PHP...
View ArticleClik here to view.
HAproxy 搭配 Nginx port redirect issue
HAproxy 是一套高效能分散式系統軟體，後端可搭配 Web 或 SQL 服務，這次在後端搭配 Nginx 出現 port redirect 問題，問題很簡單，在 Haproxy 設定 80 port 對應到內部三台 Nginx 機器，但是 Nginx port 設定 8080，這樣當我們在瀏覽網址如下: http://aaa.bbb.ccc.ddd/test (請注意，最後沒有 slash...
View ArticleClik here to view.
Coding on workspace of Chrome Developer tools
相信網頁設計師並不陌生 Chrome DevTools，善用 DevTools 可以減少很多 Debug 時間，今天來介紹如何在 Chrome 瀏覽器上直接編輯程式，並且存檔，重新整理網頁後便可看到結果。聽到這裡大家一定會很好奇，不就開系統編輯器 (sublime, pspad, vim …) 工具，直接修改 => 存檔 => 重新整理嘛？但是這並不稀奇阿，重點是 Chrome...
View ArticleClik here to view.
Linode 升級硬碟空間
Linode 繼上次升級了硬體及網路設備，這次又來升級硬碟空間，每個方案將空間調到兩倍 Storage Space Doubled!，所以整體方案表格如下: 今年的動作還真多，果然是受到同業 DigitalOcean 的影響，網路虛擬主機還是需要一點競爭比較好。 Related ViewLinode 最後優惠 升級記憶體 (5)Linode VPS Inbound 流量將不再收費 (1)Linode...
View ArticleTwitter Bootstrap 發佈 3 RC1 版本
今天非常開心看到 Twitter 團隊發佈 Bootstrap 3 RC1 版本，Twitter 這次是大動作的改版，連官網都換掉了，如果你還在使用 2.3.2，Twitter 也提供之前的網站版本，讓使用者可以繼續使用，當然希望各開發者可以盡快轉換到 3 RC1，此版本超過 1600 commits 修正。Twitter 也另外開了 Github Organization，如果要找範例的話，可以到...
View ArticleCross Site Request Forgery in JS Web Apps and CodeIgniter PHP Framework
Cross Site Request Forgery 簡稱 CSRF 是網路上最常見的攻擊方式，由於前端的盛行，現在開發網站偏向前後端拆開，前端使用大量的 Javascript 及 CSS3 效果，後端則是使用 PHP, Ruby, Python… 等，前端如何拿到資料庫資料呢，必需透 過 AJAX 方式來存取，常見的後端 API 會設計成 RESTful...
View ArticleGit rebase + stash 小技巧
每天打開電腦，第一件事情就是將專案程式碼更新的最新，以便整合同事新開發的功能，免的跟自己寫的功能衝突，所以最常用用的就是 git pull –rebase origin master，此命令使用 rebase 來取代 merge 程式碼，也可以避免在 log 清單內出現 merge branch master into master 等字樣，但是如果在開發一半進度時，想同時將同事的程式碼先...
View ArticleClik here to view.
Postfix mailbox 設定
此篇不會講太多 Postfix 的設定，只是紀錄如何設定 Postfix mailbox。Postfix 提供兩種 E-mail 儲存格式，一種就是將全部的 mail 都寫到同一個檔案，此方式是 Postfix 裝好後預設的模式，另外的就是一封 E-mail 一個檔案，這兩者各有優缺點好壞，前者最大的問題就在於如果該檔案壞掉，那使用者的全部 Email...
View Article