2012年7月31日 星期二

ZZ Gundam

ZZ GUNDAM
宇宙世紀0088年,在格里布斯戰爭後元氣大傷的幽谷,而幽谷主力戰艦之一阿卡馬(此詞來自梵文「阿含」)進入Side1香格里拉殖民地進行補給與修理時,從事資源回收業的主角傑特·亞希達與他的朋友們企圖偷走Z-GUNDAM拿去賣錢,由這個事件開始,傑特與朋友們被捲入了幽谷與新吉翁的衝突當中,在故事中期哈曼·坎恩發動第一次新吉翁抗戰,抗戰後期葛雷米佔領阿克西斯發動叛亂為故事的完結。

ZZ GUNDAMZZ GUNDAM
Read more

Less- 動態撰寫CSS

311581_4255714280893_1045505371_n

因為手打css熟,之前就沒在碰像這樣可以把css程式化的工具,不過最近因為想玩一些新東西,所以就把Less也順便學一下。

要使用less,可以先到http://lesscss.org/下載最新版的less。

因為它可以在client端執行,所以下載後像這樣引入就可以了。
這是你編輯的less樣式
<link rel="stylesheet/less" type="text/css" href="styles.less">
這是less.js檔案
<script src="less.js" type="text/javascript"></script>

設定完成後,就可以來玩看看less了。
可以使用變數
  1. @color#4D926F;   
  2.   
  3. #header {   
  4.   color: @color;   
  5. }   
  6. h2 {   
  7.   color: @color;   
  8. }  

Compile後
  1. #header {   
  2.   color#4D926F;   
  3. }   
  4. h2 {   
  5.   color#4D926F;   
  6. }  
Read more

2012年7月30日 星期一

jQuery 取得多選的排序



最近要用到的,在選擇的圖片上標示目前的順序,當取消選取一張照片時,照片的排序編號也要重新排過,稍微研究一下就玩出來了。

首先準備這樣的html,click_ord的class是用來塞數字的。
<div class="album_img"><img src="img"><div class="click_ord"></div></div>

然後在js裡,當點擊圖片時,顯示點擊的順序,每點一張變數就+1
  1. //照片張數   
  2. $photoNum=0;   
  3.   
  4. ++$photoNum;   
  5. $(this).find(".click_ord").text($photoNum).show();  
Read more

Gundam Exia

Gundam Exia
鋼彈00裡主角剎那的第一架機體,00的故事設定在近未來,也是第一部編年使用西元的作品,當時造成了很大的討論,除了西元外,裡面有軌道電梯取代了以往都會出現的宇宙殖民地,都是比較接近現代在討論未來科技的內容。

Gundam ExiaGundam Exia
正面反面
Read more

復仇者聯盟

avengers



Marvel從鋼鐵人第一集後,就啟動的復仇者聯盟計畫,在經歷了鋼鐵人1、2,無敵浩克,美國隊長1跟雷神索爾後,終於在今年把他們集結起來,而這部也是我非常期待的電影。

進了電影院絕對不會讓人失望,把那麼多超級英雄集合在一起,而且還可以分配到每個人的戲分跟重要性都差不多,足見導演的功力,負責引怪的鋼鐵人,浩克跟索爾負責開無雙,鷹眼的神射在劇中讓人眼睛一亮,而黑寡婦雖然最沒有力量,但也負責了終結劇中敵人不斷入侵的重要任務,反觀TR3那個女主角一句話讓麥卡登變腦殘,就知道即使是爽片,劇情也不能太糟糕阿..
Read more

蜘蛛人-驚奇再起

spider man



因為marvel說如果幾年內沒有拍新電影,版權就會收回去的spider-man,在導演跟主角都宣佈不再繼續的情況下,sony就只好重開機了,雖然看之前覺得主角太帥,覺得這重開機的時間也太短,但我還是去看了,而且我想說的是他還是值得去看的超級英雄電影。

重開機時間回到Peter還是高中的時候,女主角也回到他的第一任女朋友關史黛西,比起之前三部曲的瑪莉珍,關還可以在戰鬥中幫助Peter,表現的有智慧多了,導演的手法也讓會讓人很喜歡他們兩個之間那種兩小無猜的感情,然後實在是新版的Peter太帥,也不用像舊版的Peter一樣總是在生活跟感情上吃鱉,果然長相不同劇情上也要有不同(誤)。
Read more

2012年7月27日 星期五

2012年7月26日 星期四

jQuery 偵測手機是橫向或縱向

基本上是一個寫mobile web會很常用到的東西。

  1. var checkOrientation = function(){   
  2.     
  3.         mode = Math.abs(window.orientation) == 90 ? 'landscape' : 'portrait';   
  4.     
  5.         // 在 Android 上使用 Opera Mobile 測試, 發現要另外這樣判斷   
  6.         if ( $.browser.opera )   
  7.         {   
  8.             width = screen.width;   
  9.             height = screen.height;   
  10.             mode = width > height ? "landscape" : "portrait";   
  11.         }   
  12.     
  13.         // 本例為希望在使用者用橫向瀏覽時,就秀出遮罩或警示訊息   
  14.         if (mode == 'landscape')   
  15.         {   
  16.            // 警語遮罩 顯示   
  17.            $("#mask").show();   
  18.         } else {   
  19.            // 警語遮罩 關閉   
  20.            $("#mask").hide();   
  21.         }   
  22. };   
  23.     
  24. window.addEventListener("resize", checkOrientation, false);   
  25. window.addEventListener("orientationchange", checkOrientation, false);   
  26. setInterval(checkOrientation, 500);  

來源: [JavaScript] 判斷手機為直向或橫向
參考: Detect rotation of Android phone in the browser with javascript
Read more

2012年7月25日 星期三

製作網頁畫面捲動不同步效果

208949_4230890500314_135407198_n
點上圖可以看效果。

最近國外網站流行這種,當我們滾動捲軸時,背景的圖片不同步捲動的效果,稍微思考一下,其實也不會很難做,剛好看到有篇文章介紹,就自己也實作一個,其實也是最近剛好有需要用到。

簡單的說我們需要幾個div,讓他的position設為fixed,到時在根據捲動scrollbar距離去改變每個div的top的高度就可以了。
Read more

2012年7月23日 星期一

2012年7月17日 星期二

La new 父親節 和爸爸去旅行 卡片傳情意

La new 父親節 和爸爸去旅行 卡片傳情意
La new 父親節 和爸爸去旅行 卡片傳情意

把作品列出來的時候,先判斷每四筆多一個吊照片的section,再把資料append進去。

最近上線的新專案,也是網站和FB的結合,這次還有多一個FB的APP。
La new 父親節 和爸爸去旅行 卡片傳情意
La new 父親節 和爸爸去旅行 卡片傳情意 FB App
Read more

mysql 搜尋資料結果排序

基本:
  1. SELECT * FROM t1   
  2.   ORDER BY key_part1,key_part2,... ;  

升冪(可以不用寫ASC)
  1. SELECT * FROM t1 ORDER BY key_part1 ASC;  

降冪
  1. SELECT * FROM t1 ORDER BY key_part1 DESC;  

混合
  1. SELECT * FROM t1 ORDER BY key_part1 DESC, key_part2 ASC;  

ORDER BY Optimization
Read more

Diablo III 地獄級突破

costume26

突破地獄級,還有等級也到60了,地獄第四章打到的寶就更以前差很多了。

Screenshot126
紀念第一次打到傳奇武器,雖然傳奇都不傳奇了..
Read more

2012年7月16日 星期一

2012年7月15日 星期日

php 取得圖片大小

須先啟用GD函式庫
在 php.ini 中找到 ;extension=php_gd2.dll 把前面的分號去掉

  1. $img = getimagesize("圖片網址");   
  2. // 取回一個陣列   
  3. // $img[0] 圖像的寬度   
  4. // $img[1] 圖像的高度   
  5. // $img[2] 圖像的格式,包括jpg、gif和png等   
  6. // $img[3] 圖像的寬度和高度,內容為 width="xxx" height="yyy" */  
Read more

2012年7月13日 星期五

使用Faebook FQL

最近專案要用到Facebook的FQL,一樣看懂就很簡單了,首先先下載Facebook php SDKfacebook / php-sdk,下載後解壓縮到網站的目錄下。

然後像這樣引入
  1. require_once 'facebook.php';   
  2.   
  3. $facebook = new Facebook(array(   
  4.     'appId' => 'YOUR APP ID',   
  5.     'secret' => 'YOUR SECRET KEY',   
  6.     'cookie' => true,   
  7. ));  
Read more

2012年7月7日 星期六

[Robot魂] 龍王丸(龍鳳號)

龍王丸
Robot魂魔神英雄傳第二彈,就是第一代龍神丸跟空神丸的合體龍王丸,我是預購的,雖然比後來上市的市價便宜,不過還是有被價錢給嚇到,龍神丸我只花了一張小朋友,龍王丸卻要到將近兩張小朋友,大概是魔神英雄傳系列太受歡迎吧,Bandai定價也是會根據商品熱門程度去調整的,當然零售商調整的幅度就又更大了..

龍王丸
龍王丸
全高﹕3.97米
重量﹕8.42噸
武器(人型)﹕鳳龍劍、鞘楯(龍王型態的盾牌、鳳凰型態時會擺在背上,可收納鳳龍劍)
武器(烏型)﹕鳳雷炮、鳳牙彈
必殺技(人型):鳳龍冰河劍、鳳龍劍龍雷拳、龍牙拳、飛龍拳、炎龍拳
必殺(鳥型)﹕鳳雷波
Read more

2012年7月6日 星期五

Diablo III惡夢級突破

Screenshot103
Screenshot104
紀念惡夢突破,幾乎都是跟朋友一起打的,有不同職業一起破就都很輕鬆,自己打不小心就領便當的狩魔獵人。

不過昨天一起組隊的我跟巫醫都掛了,惡夢的Diablo是靠最後一個武僧單挑過的。
Read more

2012年7月1日 星期日

Related Posts Plugin for WordPress, Blogger...