捏小人必備工具 Slider Hack by aWT

Posted by on January 19, 2012 No comments

假使能擁有更多部位的拉桿, 就更能使你的小人捏得更加精緻. 目前網路上可以很多玩家們自行添加的各種拉桿. 儘管如此, Sims 3 的基本程式對拉桿支援的數量是有限的! 自定拉桿裝多了, 原來的部分拉桿就會失效而無法控制. 因此, 需要要先安裝 Slider Hack (拉桿數倍加器) 才能避免前述的狀況發生.

在此特別感謝, aWT 為我們做到了這一點. (目前該站好像在重建中)

安裝 Slider Hack, 需配合看官們自己的 Sims 3 基本程式版本, 此點必須注意!

CSS3 box-shadow 屬性簡記

Posted by on January 11, 2012 No comments

box-shadow 規範於 CSS 3 的 7.2. 章節 The ‘box-shadow’ property

屬性值有 6 組

<shadow> = inset? && [ <length>{2,4} && <color>? ]

  1. inset (關鍵字, 內陰影效果)
  2. X (位移, 正數往右, 負數往左)
  3. y (位移, 正數往下, 負數往上)
  4. blur radius (模糊強度)
  5. spread distance (擴散距離)
  6. color (顏色)
  • insert 關鍵字不填時, 預設”外陰影”效果, 填入則顯示 “內陰影” 效果.
  • 1~4 為數字, 不接受 % 符號
  • x,y 必填
  • blue radius 預設值為 0, 可不填, 不可為負數
  • spread distance 預設值為 0, 可不填
  • color 可不填, 預設值來自繼承
  • 陰影效果允許多組疊加, 組與組之間以逗號做區隔

還是老樣子, 規範是規範, 實做還是有三個版本

box-shadow :: CSS 3
-webkit-box-shadow :: webkit 版
-moz-box-shadow :: mozila 版

唉! 難怪連 CSS 也出現 framework 阿, 不過想當然爾, CSS framework 比規範要多的不知道多少倍罷了! 三種瓜, 滿街老王!

How to check if a Javascript function exists

Posted by on January 11, 2012 No comments

javascript 如何偵測函數 (function) 是否存在, 這個問題對科班出身的同學來說, 可能是很幼稚的, 我想!
在個人理解問題處理手法後, 我發現命題本身並不精確! 因為做法是活的!
Read more »

javascript 之 toString 與 valueOf 的差異

Posted by on January 9, 2012 No comments

簡單地用一個例子來說明

var thObj = {};
thObj.toString = function(){return 100};
thObj.valueOf = function(){return 101};
var addRE = thObj + 1;
alert(addRE); // 102
alert(thObj); // 100

當兩者並存時, 數值運算優先調用 valueOf, 其餘則優先調用 toString. 實務上應該沒人會如此處理資料吧! 簡單到此.

PHP 5.3.x 安裝 APC 簡札

Posted by on January 4, 2012 No comments

APC (Alternative PHP Cache), 其作用扮演的就是”緩衝”, 將 php script 編譯的結果緩衝起來, 以提供 httpd 直接調用, 對 Apache + PHP 的執行效率是有幫助的. 相似的還有 Memcached, WinCache, eAccelerator 與 Xcache 等. 由於 APC 將可能在 PHP 6 內建支援. 此為個人選擇使用 APC 的主因.

自己當前 CentOS 5.x 下的 php 5.3.x 是手動編譯的, 所以首選還是自己下載 apc tarball 來手動加裝

下載與安裝

APC 的相關資訊在 pecl 官網的 http://pecl.php.net/package/apc, 目前最新版本是 3.1.9, 使用 wget 如下 Read more »

令人質疑的 yii + APC

Posted by on January 4, 2012 No comments

近日在了解 yii 這個 PHP FrameWork 的過程時, 印象最深的大概就數 yii 自己公佈的 performance, 其中引發人感興趣的是那項好的過於離奇的 yii + APC, Read more »

CSS3 Border-radius 屬性簡記

Posted by on December 28, 2011 No comments

Border-radius 原始規範出於 CSS3 的 5.1 章節,

border-radius :: 可指定 box 的四個角,以順時針為序, 左上, 右上, 右下, 左下. 僅填寫一項參數時, 即代表四組相同, 填寫兩項, 則表示左與右兩組, 三項則為 左上, 右上下與左下, 三組的描述, 四項都指定則等同以下的單項描述

border-top-left-radius ::
border-top-right-radius ::
border-bottom-right-radius ::
border-bottom-left-radius ::

一個角由兩個參數可以指定, 就 CSS3 的圖示可以理解為”水平”與”垂直”參數.

此參數無繼承性.

 語法:: [ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]?

目前各 browser 大致分了三掛人馬,

CSS3 Mozilla equivalent WebKit equivalent
border-top-right-radius -moz-border-radius-topright -webkit-border-top-right-radius
border-bottom-right-radius -moz-border-radius-bottomright -webkit-border-bottom-right-radius
border-bottom-left-radius -moz-border-radius-bottomleft -webkit-border-bottom-left-radius
border-top-left-radius -moz-border-radius-topleft -webkit-border-top-left-radius
border-radius -moz-border-radius -webkit-border-radius

多元開放, 統一無望. 哪天得空, 直接寫個 javascript 檢測 .css 檔案, 產生後兩組參數算了. 置入行銷搞到這個地方來了. 真是夠了. 假使第四組出現時, 麻煩路過的看倌告知留言告知我一下. 感激不盡.

2c0634b35d522eb74ae56825da1faa2a

Posted by on December 27, 2011 2 comments

2c0634b35d522eb74ae56825da1faa2a

什麼東西都能賣! 什麼都不奇怪! 乖乖….哀

530172c8f4a8987e52659812d1f3ed1a

Posted by on December 26, 2011 No comments

530172c8f4a8987e52659812d1f3ed1a

人人一袋魚….

搞個 jQuery UI dialog in Google Maps API v3

Posted by on December 22, 2011 No comments

如今 Google Maps API v2 已成為過去式, v3 當道, 開始擁抱新版本!

近日自己設定了一個練功專案(251home), 已完成一些先前曾在 maps v2 上的功能, 發現 maps v3 的 InfoWindow 運作方式差不多與 maps v2 相同, 對自己構思設定的操作行為來說, 仍就避免不了引發多餘的 ajax 行為, 還是選擇棄用. 這回以 jQuery UI dialog 來取代她。儘管個人感覺現階段的 jQuery UI dialog 所提供的略遜於 YUI container, 但應該還是可用的方案.

設定的行為是對 marker 觸發 click event 時, 將該顯示的物件資料塞入 jQuery UI dialog 中, 並顯示在點擊的游標位置. 研究了一下找到可行的做法, 簡單地說, 搞一個 jQuery 紀錄游標座標, 供點擊 marker 時顯示所需. 在 maps API 的事件綁定中使用 jQuery UI dialog() 來處理物件的資訊. 這個部分的實做已順利完成.

實做測試連結 251home.farmer.idv.tw