2011年8月25日 星期四

鼯鼠五技而窮

302540_2253921917335_4679500_n

前陣子不知道跟朋友聊到什麼,就講到了鼯鼠五技而窮這個詞,這是在荀子勸學篇裡提到「螣蛇無足而飛,鼯鼠五技而窮。」,明白指出鼯鼠能飛不能上屋,能緣不能窮木,能遊不能渡谷,能穴不能掩身,能走不能先人,警惕人們要用心專一,即可事無不成。

昨天去參加HP Jr.,我落落長的說了一大串我會的跟做過的事情,雖然講得好像很厲害,可是我也不覺得我有哪像是特別厲害,要說厲害的,也只不過是我看起來會很多而已。

出社會後發現,其實大多時候你有六七十分,你就可以找到一個工作,你有很多項可以到六七十分,基本上這是很多人都喜歡的跨領域的人才。可是真的要在這個社會上闖出一番名堂的,卻大多是那種在某個領域出類拔萃的人,我的個性只是很單純的去學我想學的東西,我知道學了這些東西可以實現一些我想做的事情,然後就好像這樣練就了一番本領。

或許這樣在工程師的眼中,我是一個很會畫圖的人,而在設計師的眼中,我是一個會寫程式的人,不過其實這樣也沒什麼好值得開心的,如果反過來說,工程師說你的程式寫得很好,設計師說你的東西設計得很棒,那才是真的值得高興的事情。

"什麼都會一些,生活更多彩一些",我很認同像這樣的一句話,但我也希望自己不要到最後變成"鼯鼠五技而窮",不過其實要比別人多會一些東西,唯一的方法就是比別人更努力一些罷了。

所以阿.. 其實我覺得我這幾個月以來成長超多的。
Read more

2011年8月24日 星期三

2011年8月23日 星期二

按下確認鍵後前往網頁

最近在寫網頁編輯資料庫資料的功能,有一筆要在頁面上刪除資料的按鈕,不過要避免掉不小心按掉的情況,所以我必須要在按下按鈕後,再讓使用者確認一次,之後才去進行刪除的動作。

方法有以下幾種:
<script>
function link2nthu() {
answer = confirm("你確定要連到google嗎?");
if (answer)
location.href="http://www.google.com";
}
</script>

<!-- 第一種方法:以函數來完成此項工作 -->
<a href="javascript:link2nthu()">google</a><br>

<!-- 第二種方法:將程式碼寫在連結內。若回傳值為真,則連至新位置 -->
<a href="javascript:if (confirm('你確定要連到google的首頁嗎?')) location.href='http://tw.yahoo.com/'">yahoo首頁</a><br>

<!-- 第三種方法:使用 onClick 來完成此項工作。若 onClick 的值為偽,則連結無作用 -->
<a href="http://www.ntu.edu.tw" onClick="return(confirm('你確定要連到facebook的首頁嗎?'))">facebook首頁</a>


用起來的結果看起來是一樣,就用比較習慣的方法就好了。

參考連結
Read more

2011年8月21日 星期日

Android籃球戰術盤 使用教學影片



因為戰術盤使用起來不是那麼直覺,所以這是最近做的教學影片,看完影片後應該就比較可以理解該怎麼使用了。

另外我們也想上在Android Market,但因為這個一直沒去做最後的修改,所以就一直沒上上去,我跟寫程式的人都非常的忙碌..XD

最近也在製作一個戰術盤功能延伸的App,等完成後再一併發表出來吧。

Android上的籃球戰術盤
Read more

2011年8月17日 星期三

牛仔很忙



最近真的是超忙的,公司的服務要在一個月後UI freeze,因為有新介面的需求所以瘋狂趕工,加上一些外務,這個月有玩到一些新技術也都沒時間丟上來,等比較有時間一點再弄上來。

圖片是做相容性測試的時候,桌上擺的device,這次的服務可是會一次上去大家常用的平台喔。
Read more

2011年8月14日 星期日

HP讀書會徽章



參加了HP的聚會後,讓我還蠻感謝發起者Richard的,除了讓我可以聽到很多人分享他們的所學跟經驗,也因為讀書會的關係讓我認識到很多新朋友,不同領域的人,總會有著很不同的想法,這樣的對話總是可以刺激出一些東西出來。

這次當起HPX的義工,幫忙設計讀書會徽章,只是最近太忙,沒能好好設計,下次再繼續幫忙吧。
Read more

2011年8月3日 星期三

CSS動畫hover效果-jQuery Blend

284525_2202519752313_5599860_n

我們常常使用css的:hover指令,讓使用者在滑鼠滑過的時候有變換圖片的效果,不過css只能做直接把圖片換掉的動作,如果我們想要做更炫的效果,比如漸變效果,就可以使用jQuery Blend這個外掛。

首先可以先到官網去下載plugin,裡面有範例跟說明。

使用方法很簡單,先照原本使用:hover的方式,指定給元素原本的狀態跟hover的狀態,因為我想要有按下去的效果,所以我也寫了active的狀態。

然後將blend();指定給想要套用效果的元素就可以了。
Format: $('selector').blend(speed, callback);
有一點要注意的是,如果只有給:hover的話,只有移入會漸變,移出不會,想要移出也有漸變效果,就必須增加一個"元素.hover"的樣式,這個樣式設的跟"元素:hover"一樣就可以了。

觀看效果,這是我為了最近的系統寫的東西,真正的系統上是按了會關機的喔。
Read more

CSS Sprites Generator

284375_2202468631035_6230985_n

CSS Sprites Generator

有時候我們用css做hover效果的時候,常常會在移過去的時候會出現短暫的空白,這是因為load圖檔還沒完成時,瀏覽器會看不到東西,這樣常常會造成使用者的困擾,也不是很好的表現。但如果我們把本來分開的圖合在一起,再使用css的background-position的方式去設定出現的範圍,這樣因為一開始進去就已經把圖檔load進去,hover的時候不用再load一張新的圖檔,這樣就可以避免剛才說的情況發生,能夠減少圖檔被讀取的次數,也是網頁優化的一種表現,這樣把圖檔合在一起再用css去控制顯現範圍的方法,就叫做css sprites。

而這個是一個可以把你原本分開的圖片和在一起的網站,上傳圖檔後,做一些簡單的設定即可,另外他也告訴你background-position的位置,真的是很棒的線上工具。
Read more

2011年8月2日 星期二

卡片分類法 (Card sorting)

卡片分類法(Card sorting)是一種在網站或其他規劃初期常用的測試方法,透過卡片分類法可以讓我們了解一些在設計網站架構時十分有用的使用者資訊:

1. 了解真正符合使用者習慣的資訊分類。
2. 比對網站設計者與使用者在對網站資訊分類上的認知差異,作為調整架構的依據。
3. 找出項目命名上的問題。

詳情請見維基百科

此外這是阿亮的研究說明ppt

也可以使用這個Online Card Sort 工具
Read more
Related Posts Plugin for WordPress, Blogger...