Category: Web

phpconf.tw 2012

11/042012


第一次在台北參加這種活動，紀錄一下心得…

phpconf2012 已經是 phpconf 第二屆了，去年就有注意到，但是那時候在高雄沒辦法參加，這次能參加想說會有機會親眼看到很多厲害的人，結果除了有看到講者外，還是跟在家看噗浪、臉書一樣…，總不能到處走問說你是不是誰誰誰吧…。

第一次親眼看到大澤木小鐵的演講，還有沒跟到他時代的 ptt 名人榮尼王，剛發現的議程影片跟相簿，不知道有沒有拍到我…。

Continue reading…

node.js web 開發環境紀錄

04/252012

webframework : express
npm install express

view engine : ejs
npm install ejs

dev-tool : nodemon  監控檔案變化自動重啟伺服器
npm install nodemon -g

css framework : bootstrap

db : node-sqlite3 :memory:
npm install sqlite3

yaml : js-yaml
npm install js-yaml

db-tool : adminer

flow control : async , step 一開始用 step ，後來看到 async 發現 api 設計的好一點～語意比較清楚

從挑選 package 的過程中真的可以觀察到好的 api 設計。

WordPress 3.2.x SlimStat-Ex 2.1 issue

07/192011

可能是 WordPress 3.2.1 的 jQuery 版本變更了，造成 SlimStat-Ex js 執行錯誤，造成整個頁面無法產生。

把這行改成這樣就好了。

if (!((el.attr('title') == '') || (typeof(el.attr('title')) == 'undefined'))) {

看起來是 jQuery().attr(‘title’) 是空值時的回傳值改變了。

—

由於原始版本已經沒有維護了，這個版本的瀏覽器判斷有些舊了，沒有把 chrome 包含進去，我想要把他加入統計所以改了一些地方～

程式碼是參考原始的 slimstat 的

function parse_browser(..) {
..
432             } else {
433                 $info['version'] = $sniff[3];
434             }
+435             if($info['browser'] == '190' || $info['browser'] == '191') {
+436                 mb_eregi( "^([0-9]*).(.*)$", $info['version'], $v );
+437                 $info['version'] = $v[1];
438             }
439             if ( sizeof( $sniff ) == 5 && $info['platform'] == '-1' ) {
440                 $info['platform'] = $sniff[4];
441             }
..
}
function _determineBrowser(..) {
..
455             array( 'netscape', '1', 'netscape[0-9]?/([[:digit:]\.]+)', 1 ),
+456             array( 'chrome', '190', 'chrome/([[:digit:]\.]+)', 1 ),
+457             array( 'chromium', '191', 'chromium/([[:digit:]\.]+)', 1 ),
458             array( 'safari', '2', 'safari/([[:digit:]\.]+)', 1, '10' ),
459             array( 'icab', '3', 'icab/([[:digit:]\.]+)', 1,  '10' ),
..
}

$this->browserString2ID = array(....., 'Chrome' => '190', 'Chromium' => '191');

$id2browser = array(..
 190 =>'Chrome' , 191 => 'Chromium'
  ..
);

這樣就不會再誤判成 Safari 了，附上我修改完的版本…

wp-slimstat-ex-mlwmlw.tar

or

https://github.com/mlwmlw/wp-slimstat-ex

jQurey 套件

07/132011

masonry

用 jQuery 來實作一種 css float 無法達成的 float 方式，會自動往上補。在 resize 時還有特效，很酷…

應該會有特殊情境需要用到～

http://elrte.org/ elRTE

用 jQuery UI 開發所見即所得(WYSIWYG)編輯器，完整度剖高，乍看之下有 tinymce 的感覺。

基於 jQuery 速度跟大小與發展上應有他的優勢在。

他還另外開發了一套 elFinder 有綁在編輯器裡面的檔案管理功能，也很強大完整。

支援各式檔案操作甚至可以拖曳～我自己找過元件來兜過，當時沒有發現他，不然應該會基於他來改～

http://thrivingkings.com/apprise/ pop dialog 工具


現在系統開發上都用 jquery prompt 來實作，主要是有參考樣式作為基底，功能上與這個大圖小異，

看喜歡哪種樣式與 api 選用囉～

leanModel http://leanmodal.finelysliced.com.au/

彈跳視窗，類似 jQuery dailog 不過樣式蠻漂亮的，且似乎對製作輸入的介面很親和…

dropkick http://jamielottering.github.com/DropKick/

自製的下拉式選單，可以用來替代 select ，因可具有 html 的特性與樣式。

只是不會因應捲軸位置而往上擺。

 

資料來源: