2012年12月31日 星期一

[扭蛋]扭蛋戰士NEXT 01

GUNDAM轉蛋的新系列,這次打的是比較大隻跟比較好的可動性,因為最近鋼彈模型買的比較少了,這個系列可以用比較低的價錢收到很多種類的機體,於是就變成我收藏的目標了。

ガシャポン戦士NEXT 01
第一彈合照。

GUNDAM
GUNDAM
GUNDAM
第一彈一定會有鋼彈,大概都是BANDAI的慣例了。

ZAKU II
ZAKU II
夏亞專用ZAKU II
有鋼彈就要有夏亞的薩克。
Read more

2012年12月30日 星期日

G Generation World

G Generation World

最近在玩G Generation,玩了那麼多款機戰,還是第一次玩G Generation,乍看很像,但系統倒是差很多,開發機體變成這個遊戲最大的樂趣了..

片頭


影片- 鋼彈神話
Read more

2012年12月29日 星期六

[HG] 00 Qan(T) Full Saber

GNT-0000/FS 00 Qan(T) Full Saber

劇場版中剎那開的機體,劇場版中只有一把劍,感覺比較像Exia,後來雜誌出了一把可以裝在00 Qan(T)上的劍,並把名稱叫做00 Qan(T) Full Saber,就比較像00 Raiser,而且帥到爆炸。

00 Qan[T]00 Qan[T]
Read more

2012年12月27日 星期四

javascript 設定 cookie

  1. document.cookie='key=值[;expires=日期;domain=網址;path=目錄;secure=布林值]';   
各個值的意義:
1. expires=過期時間,沒有設的話,cookie會在關閉瀏覽器時自動失效。設了過期時間,cookie在過期前都有效,即使關閉瀏覽器或關機還在。要消除一個cookie,可將 expires 設為過去時間。設定的時間要符合 GMT 格式。
2. domain=網路領域。只限此網路領域及其子領域,可以存取cookie。預設值為本頁所在的網域。可設定的值為本頁的網域及其主網域。例如本頁為 deathhell1121.blogspot.com 則其主網域為 blogspot.com。
3. path=檔案路徑。只限此檔案路徑及其子路徑,可以存取cookie。預設值為本網頁所在目錄。
4. max-age=秒數:cookie存活時間的秒數。
5. secure:如果設為 true,則限用https存取。

可以用這個去設定cookie
  1. function setCookie(c_name,value,exdays)   
  2. {   
  3. var exdate=new Date();   
  4. exdate.setDate(exdate.getDate() + exdays);   
  5. var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());   
  6. document.cookie=c_name + "=" + c_value;   
  7. }  

要使用的話可以用php去取得cookie。
  1. $cookie=$_COOKIE['cookie'];  

如要判斷是否有cookie
  1. if(isset($_COOKIE['tab']))  
Read more

[SR超合金] 海賊戰隊豪快王

海賊戰隊豪快王

地球史上最大的危機!征服了宇宙中無數星球的宇宙帝國「殘虐」這次要拿下的目標是地球!幸好,地球上有34支保護世界的和平以及人民的笑容的超級戰隊!!面對戰力強大的帝國,戰隊英雄們雖然集合了所有的力量將之擊敗。卻也因此失去力量,全都化為了傳說。在「傳說大戰」結束多年後,有一群繼承了34支超級戰隊的力量,追求著冒險和浪漫的了不起的年輕人們為了尋找宇宙最大的寶藏來到了地球。並且在因緣際會下向捲土重來的殘虐帝國舉起了反旗!他們的名字就是-「海賊戰隊 豪快者」!!

海賊戰隊豪快王海賊戰隊豪快王
Read more

2012年12月24日 星期一

[扭蛋盒玩] One Piece Film Z

film Z
新電影版film Z在日本上映了,台灣還要等明年一月,看過Strong world,就知道尾田親自操刀的劇場版是一定要到電影院去看的阿!!

所以這次也是看到這系列就趕快去買回來,我好愛這種魯海全套的扭蛋。

魯夫
魯夫

索隆
索隆

香吉士
香吉士
Read more

交通安全e網通

最近上線的專案,這個專案主要是負責前端的部分,可是痛苦的是很多比較大的組織,為了讓"大多數"的人都可以使用一個系統,往往就會寫一個看起來很方便的系統,可是這樣就換來很差的自由度,這個整個專案就是建構在台北市政府的網頁系統下,所以我花了好一段時間才習慣這個系統,然後為了解決一些平常很容易解決的問題,在這個系統下也花了不少時間。

交通安全e網通
交通安全e網通

Read more

2012年12月23日 星期日

福音戰士 電視版模型

這是福音戰士在95年在電視上映後,我就買的模型,算算也十幾年了,拿出來拍照整理一下。
EVA 初號機
EVA 初號機
大家都認識的初號機,初號機的紫色配色,在機器人界是很少見的。

EVA 初號機
EVA 初號機
拿刀的初號機。
Read more

2012年12月22日 星期六

碩一上成果展

碩一上成果展
上研究所的第一次成果展,所上每個學期都會辦一次成果展,可以藉這個機會看到其他同學製作的東西,我只有拿最近完成的專案來展覽,雖然我覺得完成度什麼的當然是沒話說,可是跟所上還有系上其他人比起來就不是那麼有趣,這當然也是為什麼我會想來讀這個研究所的原因。

碩一成果展海報
為了成果展,每組都要設計海報。

然後因為大家的都很有趣,所以我也都把它拍下來紀念。
Read more

2012年12月20日 星期四

國會Online for Android

國會Online

對立法院亂象感到無奈?每次選舉總是苦惱不知道誰才是好立委?公民監督國會聯盟的「國會Online」APP網羅了所有你需要的資訊,讓你輕鬆掌握立法院!

對立法院亂象感到無奈?每次選舉總是苦惱該分辨誰才是好立委?想落實監督,卻不知從何下手?公民監督國會聯盟的「國會Online」APP網羅了所有你需要的資訊,讓你輕鬆掌握立法院!

下載國會Online for Android

Read more

2012年12月17日 星期一

2012年12月16日 星期日

php 根據網址,動態指示目前選擇的頁面

當用include把header跟footer分開,又為了在各個頁面可以指示使用者,所以可以用php去取得url後,再在想要指示的元素上增加class。

  1. 以 http://www.sample.tw/home/index.php?id=1  網址為例   
  2. $_SERVER['HTTP_HOST']  : www.sample.tw   
  3. $_SERVER['REQUEST_URI'] :/home/index.php?id=1   
  4. $_SERVER['PHP_SELF'] : home/index.php   
  5. $_SERVER[QUERY_STRING] : id=1  

範例
  1. $page=$_SERVER['PHP_SELF'];   
  2. if$page=="/home/index.php")echo "class='this_nav'";  

php的$_SERVER
Read more

2012年12月15日 星期六

2012年12月14日 星期五

2012年12月11日 星期二

AS 3.0 讀取和寫入檔案

最近要寫可以讀入跟寫出的action script,下面是讀入外部檔案的方法。
  1. myURLReq.url = "data.txt";   
  2. var myLoader:URLLoader = new URLLoader();   
  3. myLoader.addEventListener("complete", onC);   
  4. myLoader.load(myURLReq);   
  5. function onC(e) {   
  6.     var str=myLoader.data;   
  7. }  
重點是complete之後資料才會正確讀入。

要輸出時,我用flash去呼叫php將檔案重新寫入data.txt。
  1. var sendData:URLVariables = new URLVariables();   
  2. var myRequest:URLRequest = new URLRequest("http://localhost/mapedit/write.php");   
  3. var phpLoader:URLLoader = new URLLoader();   
  4. phpLoader.dataFormat = URLLoaderDataFormat.VARIABLES;   
  5.   
  6. save_btn.addEventListener(MouseEvent.CLICK, saveFile);   
  7. function saveFile(e:MouseEvent){   
  8.     var outputData:String="data";      
  9.     sendData.outputData=outputData;   
  10.     myRequest.data = sendData;   
  11.     myRequest.method = URLRequestMethod.GET;   
  12.     phpLoader.addEventListener(Event.COMPLETE, onSendComplete);    
  13.     phpLoader.load(myRequest);   
  14.        
  15. }   
  16.   
  17. function onSendComplete(event:Event): void  
  18. {   
  19.       
  20. }  

php接到值後再作寫入的動作。
  1. <?php   
  2. $data=$_GET['outputData'];   
  3.   
  4. $fp = fopen('data.txt''w');      
  5.   
  6. fwrite($fp$data);   
  7. fclose($fp);   
  8.   
  9. ?>  
Read more

2012年12月10日 星期一

Ligature Symbols- 好用的Web icon font

l1
一般網站開發者,常常會需要用到一些小圖示,不過自己畫麻煩,加上其實大多的圖示為了要能表達一樣的意思,形狀並不會差太多,於是就有類似Ligature Symbols的技術,可以讓你輕鬆在網站裡加入小圖示,加上因為他是文字的格式,你只要設定font-size就可以調整大小,很方便,可以來試試看。

網站:Ligature Symbols

連到網站可以看到許多圖示,他都是文字的格式。
l2

首先下載網站上的附件,然後可以參考他的html,基本上有三種格式。

<p>Simple use for mailto link.</p>
<a href="mailto:mail@example.com" class="lsf">mail</a>
<p>Use tha icon with text.</p>
<a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a>
<p>Use tha icon with unicode.</p>
<a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a>


第一種是只有圖示,第二種則是文字加圖示,第三種則是Unicode的格式。

然後在網頁上加上如下的CSS
  1. @font-face {   
  2.     font-family'LigatureSymbols';   
  3.     srcurl('LigatureSymbols-2.09.eot');   
  4.     srcurl('LigatureSymbols-2.09.eot?#iefix'format('embedded-opentype'),   
  5.          url('LigatureSymbols-2.09.woff'format('woff'),   
  6.          url('LigatureSymbols-2.09.ttf'format('truetype'),   
  7.          url('LigatureSymbols-2.09.svg#LigatureSymbols'format('svg');   
  8.     srcurl('LigatureSymbols-2.09.ttf'format('truetype');   
  9.     font-weightnormal;   
  10.     font-stylenormal;   
  11. }   
  12.   
  13. .lsf, .lsf-icon:before {   
  14.   font-family'LigatureSymbols';   
  15.   -webkit-text-rendering: optimizeLegibility;   
  16.   -moz-text-rendering: optimizeLegibility;   
  17.   -ms-text-rendering: optimizeLegibility;   
  18.   -o-text-rendering: optimizeLegibility;   
  19.   text-rendering: optimizeLegibility;   
  20.   -webkit-font-smoothing: antialiased;   
  21.   -moz-font-smoothing: antialiased;   
  22.   -ms-font-smoothing: antialiased;   
  23.   -o-font-smoothing: antialiased;   
  24.   font-smoothing: antialiased;   
  25. }   
  26.   
  27. .lsf-icon:before {   
  28.   content:attr(title);   
  29.   margin-right:0.3em;   
  30.   font-size:130%;   
  31. }   
  32.   
  33. .lsf-icon.amazon:before {   
  34.   content'\E007';   
  35. }  

這樣就可以看到你的文字變成圖示了,可以對照網站上支援的文字圖示,藉由替換文字內容更改圖示,另外也可以藉由更改DOM的顏色跟大小來自定圖示。

l3
像我這個就是把a設為暗紅色,沒有連結的就用span,就會有如上圖的效果。

Read more

2012年12月9日 星期日

2012年12月8日 星期六

2012年12月7日 星期五

2012年12月6日 星期四

啟發式評估的十條準則


Visibility of system status.可讀性原則
Match between system and real world.不要脫離現實
User control and freedom.用户有自由控制權
Consistency.一致性原則
Error strategy.有預防用户出措的機制
Recognition rather than recall.要在第一時間讓用戶看到
Flexibility and efficiency of use.使用起來靈活且高效
Aesthetics and minialist design.易讀性
Help users recognize, diagnose, and recover from errors.給用户明確的錯誤訊息,並協助用户方便的從錯誤中恢復工作
Help and Documentation.必要的幫助提示與說明文檔
Read more

css的 nth-child, first-child, last-child

選取第n個標籤,n從1開始

選取大於等於4的標籤

選取小於等於4的標籤

選取偶數個,2n也可以用even

選取奇數個,2n-1也可以用even

表示隔兩個選一個標籤

選取最後一個標籤

選取倒數第n個標籤
  1. :nth-last-child(n)  

選取第1個標籤
Read more

jQuery 全選與選取/取消



製作網站會遇到類似gmail那樣的,有checkbox的選單,當資料筆數一多,會希望有一個可以全選/取消全選的checkbox。如果要實現點了全選可以把所有東西都選起來很單純,但如果其中一個取消選取,或全部都選取了需要讓全選的checkbox也被選取。

這時候加一個變數,當選取的數目改變了,就會變化。
  1. $count=num_of_datas;  

先寫全選/全部取消的,只要選取了,就把選取的數值設為資料筆數,取消了,就設為0。
  1. $all=$("#all");   
  2. $all.click(function(){   
  3.     if($(this).hasClass("selected")){   
  4.         $count=0;   
  5.     $(this).removeClass("selected");   
  6.         $(".level_one").removeClass("selected");   
  7.     }else{   
  8.         $count=num_of_datas;   
  9.         $(this).addClass("selected");   
  10.         $(".one").addClass("selected");   
  11.     }   
  12. });  

最後寫單選的js,只要選了,就+1,取消了,就-1,如果操作後是0或資料筆數,就改變全選按鈕狀態。
  1. $(".one").click(function(){   
  2.     if($(this).hasClass("selected")){   
  3.         $(this).removeClass("selected");   
  4.         $count--;   
  5.         $all.removeClass("selected");   
  6.     }else{   
  7.         $(this).addClass("selected");   
  8.         $count++;   
  9.         if($count==num_of_datas){   
  10.         $all.addClass("selected");   
  11.     }   
  12. }   
  13. });  

稍微用一點邏輯就可以做出來了。
Read more

2012年12月5日 星期三

[SR超合金] アクエリオンEVOL

アクエリオンEVOL

作為普通市民的阿瑪塔‧空,在播放《Aquaria舞動於空》的戲院中遇到看一次就迷上電影的御子乃‧鈴白,二人後來亦因為這個話題而開始到城中閒逛。這時候,Altair界向他們生活的城鎮進行兩年來幾乎沒有停過的攻擊,不同的是今次出現了新型Abductor,令人類一方——由Neo DEAVA管轄,並由聖天使學園學生操控的機械天使Aquaria沒法招架。戰火很快波及到剛剛認識的二人,阿瑪塔在危急關頭使用身體潛在的Element能力飛走,卻又突然被Aquaria系統選中為Vector Z駕駛員……

隨後,阿瑪塔和御子乃都在機緣巧合下加入Neo DEAVA,遇上了不少早被發掘的同學,亦親身見證和經歷不少曖昧關係的高潮起跌。這一切的發展都被Altair界某位神官未影‧神呂木看在眼內,隨之利用其神力和一手撫養的少年神樂‧戴姆里,不停向他們的星球Vega發動攻勢。然而,這些攻勢並不是依循著Altair界戰鬥的大方向,而是跟一部經歷多個一萬二千年的神話有關。在真相和幻象遊走的眾人,既渴望打破命運的束縛,又對前世感覺難以抗拒,使這個機械天使的神話添上可歌可泣的新篇章。

アクエリオンEVOL
アクエリオンEVOL
Read more

2012年12月1日 星期六

狩魔獵人Diablo III 全破啦

costume35

終於全破Diablo III了,第一個破的職業是狩魔獵人,花了一些錢買了三件新的娜塔雅裝,手上那把是風之力。

costume34
最後破的裝扮。

Screenshot310
去你的Diablo

Screenshot312b
紀念一下。
Read more
Related Posts Plugin for WordPress, Blogger...