小朋友第一次搭電車

前陣子帶小朋友去鶯歌玩，第一次帶小朋友搭火車，不過他看起來很不喜歡好好坐著。





車站前的合照。

Read more

SDBall(熱血高校) Ver 1.2更新 可以連線對戰囉

SDBALL

之前跟大家介紹的iOS熱血高校，最近在朋友改版後，推出可以連線對戰的版本了，此外UI也作了一些調整，近期限時免費中，大家快去下載來對戰一下吧。


新的開始畫面，最下面多了VERSUS選項，可以藉由iOS的game center尋找玩家對戰。



小調整過後的UI。

Read more

HTML5 Video與jQuery操作

首先在html5裡，可以直接使用video來標註影片的tag。
<video src="video.mp4"></video>

可以設的屬性：
loop: 循環播放
autoplay: 網頁讀入後自動播放
controls: 顯示內建的播放器
width: 顯示video寬度
height: 顯示video高度
poster: 在影片載入完成前顯示的圖片

可是因為各家瀏覽器支援的影片格式不完全一樣，所以可以搭配source元素來讓各個瀏覽器支援的都可以使用。
<source src="video.mp4"></source>
<source src="video.ogg"></source>
可以設定一些屬性：
src: 指定媒體的url
type: 設定媒體檔案的MINE類型

Read more

2011的生日快樂

其實我真的沒什麼在慶祝生日，以前大學的時候是BBS上大家會祝我生日快樂，出了社會就變成一些社群網站上的祝賀了，總之就是謝謝大家囉。

Read more

BSP的CSS樣式

話說我的CSS可是從一開始什麼都不會(有誰一開始就都會的)，開始使用無名後知道了CSS，覺得網路上很多教學很有趣，而開始邊改邊玩練出來的，練習的過程中也做了不少到樣式，而有現在的功力則是實際做了很多個網站-尤其是很複雜的網站練出來的，這邊就列出一些之前做過的樣式來紀念一下。大多是無名的，無名真的惠我良多，只是又想到他的不長進又不勝感慨了..


無名相簿-deathhell

無名相簿-wingzero


無名網誌-deathhell2

無名網誌-summer
上面的照片是我大學畢業旅行在花蓮海邊拍的。

無名網誌-red

Read more

台灣Google + Page Top 100

台灣G+專頁排行榜

首先這是跟Gene合作完成的台灣G+專頁排行榜，雖然我大概在這個排行榜上都是不見彈的，但因為Gene把我的連結掛在這個排行榜上，所以我就把這個排行榜的樣式給完成了，不過像這樣設計一個頁面總是一件開心的事情。

或許就如同很多人都說過的，google到頭來好像還是不懂什麼叫社群，但我覺得應該也是因為FB太成功，相對就會壓縮到其他社群網站的生存空間。不過對我來說，現在的G+與Picasa的結合，讓相簿空間可以技術性的無限大，我可以盡情的把照片丟到G+的相簿去，就是一件很方便的事情，雖說Picasa的外連有時候會不穩，但我發現Picasa跟Blogger結合後的威力後，我就打算完全放棄我的無名小站了，實在是無名小站這幾年來的非常不長進，而G+絕對是讓我全面搬移到Blogger的最後一根稻草。

不過我還蠻期望G+可以做得更好，google的服務這麼多，能夠跟G+整合得很好的話，威力還是很大的，只是現在感覺就還是怪怪的。G+上傳照片跟影音雖說是傳到Picasa跟Youtube去，而我期望中的G+，是可以像無名那樣，但如果在Blogger編輯文章時，能夠不用去複製連結而直接可以用一個介面貼到文章內，這樣就很棒了，然後G+可以直接吃Blogger的RSS就會變得非常的方便。

另外Google的map雖然非常的方便，但總覺得他的整合還比不上FB，能夠把map、行事曆等這些東西整在一起，讓G+變成一個個人的網路中心，這才是我理想中的G+阿..

最後我要說的一件事是，我在生日的前一天完成了這個頁面的樣式，在生日的這天凌晨打完這篇文章，也是值得記念一下的。

然後如果大家有興趣，也歡迎在G+上來找我喔。
我的G+

紅色死神G+

Read more

Super Heroes-Marvel Comics

Blade，他是一位含有吸血鬼基因的黑人，相當於所謂的半妖，為了保護人類而對付各種吸血鬼和喪屍等妖怪。刀鋒戰士自小就被專門打造新式武器的吸血鬼獵人惠斯特收養，專門出入有吸血鬼出沒的場所，拯救即將被消滅吞噬的人類，憑著他駕騎著銀翼機車，手持無敵火力的巨型火焰槍，以及無敵旋風刀和身後背負著的那把長劍，不死的無敵戰神刀鋒戰士所向披靡，只要他一出現，躲藏在人群當中的吸血鬼將無所遁形。


Falcon，第一次出現是在美國隊長的漫畫，後來也加入復仇者聯盟。


惡靈戰警（英語：Ghost Rider），又名幽靈騎士、惡靈騎士、惡靈戰警，驚奇漫畫的人物，形象一般是燃燒著的一副人體骷髏、穿著皮衣、背負鐵鏈，並騎上燃燒著的機車，到各處對付敵人。機車所經之處都會是一片狼藉，路上亦會帶上一條火痕。

每一百多年，惡魔都會以權力、金錢、聲望等利益引誘凡人出賣靈魂供其差派。一旦有人與惡魔簽訂靈魂合約後，便可享有不死之身和各種魔幻力量直至合約完結，條件是不能拒絕惡魔的任務。當惡魔派出任務或路見不平，便會覺得全身猶似火燒般灼熱，然後化身成為燃燒著的骷髏，各種力量亦會隨之而來。

惡靈戰警通常只能在晚間變身，白天雖有不死之身但不能使用神奇力量。不過當熟習變身的技巧後，亦可在白天變身，但威力會減弱。當惡魔的給予的任務完成後，才可選擇解除合約，做回凡夫俗子。如果沒有完成任務或完成任務後不解除合約，便得待合約的約束時間結束，直至一百多年以後，才可做回凡夫俗子。


制裁者（英語：Punisher），是美國驚奇漫畫旗下一位虛構的超級英雄，本來是蜘蛛人系列配角中獨立出來重新再塑造的角色，在驚奇漫畫眾超級英雄中以作風血腥殘酷而有相當多的讀者人氣。

原名法蘭克·卡索（Frank Castle），是原美國海軍陸戰隊出身的軍人，在越戰退伍後擔任部隊訓練教官，在與妻兒某日在公園聚餐時因目睹黑道私刑事件而一家三口當場慘遭黑道開槍滅口，僥倖傷重未死的法蘭克在出院後，運用自己的情報系統找出殺害妻兒的凶手並訴諸法律，但黑道卻以各種管道和法律漏洞逃過制裁，對司法徹底感到絕望的法蘭克為了替妻兒報仇，決定以自己的方式訴諸武力來替妻兒討回公道，並且對於任何罪犯都採取殺無赦的制裁手段。

身為平凡人的法蘭克，並不像眾家英雄們那樣有者一身強大的超能力，法蘭克憑藉者在軍隊中受過的訓練和身手，用在特殊部隊學到的拷問技巧來逼問所需要的情報，並不擇任何手段的殺害被他盯上的犯罪者，跟一般超級英雄最大的不同地方在於法蘭克的行為對待犯罪者毫不留情，他最常用的一句口頭禪「只要你有罪，你就該死」（If you're guilty, you're dead），只要是犯罪者一律殺無赦。不計後果的使用各種暗殺手段甚至是直接性的火力鎮壓，將整個幫派屠殺殆盡都是其時常採用的方法，因此在所有超級英雄中他也是少數被政府通緝的頭號危險人物。驚奇漫畫旗下的多數超級英雄對他都避而遠之，不將他視為超級英雄的一份子，即使是經常與他合作的蜘蛛人、夜魔俠、惡靈戰警 等幾位超級英雄也常跟他在行事上起衝突。與早期金鋼狼一樣，常被其他人稱為「反英雄」(Anti-Hero)。


鷹眼(Hawkeye)，沒有超能力，是復仇者裡的弓箭神射手，童年在孤兒院長大，少年時到到馬戲團學習弓箭表演。

Read more

jQuery Touchwipe Plugin

最近在研究用web來做app，成果還不錯，簡單說就是寫一個網頁，然後再用Android包成一隻app，之後更熟就可以用這個來寫一些app了。

可是在手持裝置的使用上，會有一些不一樣的操作，比方說在手持裝置上因為沒有滑鼠，所以絕對要避免使用hover，因為寫了也沒辦法在上面表現出來；再來是手持裝置上的手勢滑動效果，就是一般電腦不會作的操作，正在煩惱該怎麼做的時候，查到了有人在jquery上寫的plugin，如果有需要的可以試試看。

外掛位置: jQuery Touchwipe Plugin

引入外掛後就可以使用。

使用方法如下。

view plaincopy to clipboardprint?

1. $("selector").touchwipe({   
2.     wipeLeft: function() { alert("left"); },   
3.     wipeRight: function() { alert("right"); },   
4.     wipeUp: function() { alert("up"); },   
5.     wipeDown: function() { alert("down"); },   
6.     min_move_x: 20,   
7.     min_move_y: 20,   
8.     preventDefaultEvents: true  
9. });  

Read more

光電子 抵抗寒冬大作戰

光電子 抵抗寒冬大作戰

為了光電子外套上市而製作的小遊戲，只要用球去把冰塊給敲掉，就可以幫咪醬他們蒐集光電子，搜集完後就會變成一件光電子外套了。


一進來就會看到冷到不行的咪醬，快幫他蒐集光電子吧。

蒐集完的幸福表情。

Read more

HTML的List

在HTML裡面，每個tag都有他的意義，如果要使用項目列表的時候，可以用h跟div元素來表現，不過比較好的建議還是用HTML定義的tag會比較好。

HTML Unordered Lists
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
HTML Ordered Lists
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
HTML Definition Lists
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

主要看你要用在哪邊，大部份時候會使用ul跟li搭配，不過如果要排序的話就可以使用排序或定義的話就可以用其他兩組tag。

Read more

小朋友釣魚趣

前陣子中原大學有中壢的幼稚園運動會，帶著小朋友去那邊，有擺出很多攤子，就給小朋友在那邊玩了。










釣到了。

Read more

Flash-將MovieClip移到最高層

container.setChildIndex(container.getChildAt(1), 0);

Parameters
child: DisplayObject — The child DisplayObject instance for which you want to change the index number.
index:int — The resulting index number for the child display object.

搭配numChildren就可以把MovieClip丟到最上層去
setChildIndex(myMC,numChildren – 1);

Read more

jQuery使用AJAX與xml

最近在寫一個案子，因為有產品的列表，可是我手邊可以用的的主機不能使用資料庫，可是又想要能夠方便維護，於是我就想到xml，雖然公司這邊都是使用json去parse資料，可是因為另一個案子有需要用到xml，於是我就先使用xml，之後再看情況來使用json。

首先使用ajax把xml解開

$.ajax({
 url:'source.xml', //外部的xml檔
 type: 'GET',
 dataType: 'xml',
 success: parseXml
});

上面是一些常見的
url: 代表網址就不解釋了
type: http的請求狀態，通常不是post就是get
dataType: 預定從伺服器回傳的資料格式
success: 當呼叫成功執行的動作

如果想要傳送資料到後台，則可以使用data

data: {location: $('#location').val(), startTime: $('#start_time').text()}

之後到後台接資料就可以了

$location=$_GET['location']; $startTime=$_GET['startTime'];

此外還有一些可以使用：
cache: 如果不希望瀏覽器快取，可是設為false
error: 如果ajax呼叫錯誤回傳
complete: 資料傳輸完畢回傳，用這個就可以搭配loading效果來使用，當loading結束關閉loading動畫

想看更多的用法可以到jQuery Ajax看更多用法。

成功了就parseXml，把xml的結構解析出來在讓他變成html就可以了。

function parseXml(xml){
 $(xml).find("shoe").each(function(){
  var $shoe = $(this);
  var $num = $(this).find('num').text();
 });
}

如果要讀取label裡的id屬性
<label id="000" type="leisure" ...>
就用attr就可以了

$(this).attr('id')

如果想要取得xml內元素的數目，則使用$(節點).length就可以了

參考資料:
jQuery教學－jQuery讀取XML整合與應用
TIPS-神奇的jQuery XML查詢魔法
Reading XML with jQuery
Jquery Ajax解析XML数据

Read more

台湾狼上電視

雖然最近都沒時間繼續開發咪醬的相關app，不過我們的信淳可是都很持續的幫我們找一些比賽去投，我都開玩笑說一個app打天下，雖然每次評審都會對我們的app很有興趣，我們也都會很開心的說接下來要往哪個方向發展，不過我們三個實在是都沒時間繼續開發咪醬，不過或許哪天會有機會會繼續開發下去吧。


很胖的定裝照。


錄影時候的樣子。

Read more

jQuery限制select範圍

在做選擇的時候，比方說要做時間選擇的時候，結束時間不能比開始時間早才是合理的操作，因為最近要用的，所以我就寫了一個，這是所有的元素本來就都存在的寫法，當然也可以試著用ajax的方式在選擇後再把後面的值吐出來，總之方法很多，這邊提供其中一個方法。

Read more

使用Firebug來幫助網頁開發

Firebug Guide for Web Designers

Read more