2012年2月29日 星期三

229的讀書會

四年一次的229,總想記錄些什麼。

今天去了讀書會,本來之前覺得非技術性的讀書會能吸收的有限,加上前陣子又太多事,所以到今天才又去讀書會。

今天去有好幾個新面孔,因為中間又多了幾個人進來,他們還以為我是別組來旁聽的,不過說實在的我在這組也才來過一次,但聽了一晚下來,又讓我感受很深,因為這組好多人都是公司的主管,他們看事情的角度跟我看又不大一樣,遞了名片,他們也只是冷冷的笑說"原來是資策會",這個跟前陣子張善政說資策會跟工研院都研發不出好東西有關,不過我也知道我在的部門在資策會是很特別的,但是別人的刻板印象我也沒什麼辦法去解釋什麼。之後聽了他們講的東西,我更是覺得這個讀書會可以吸收到不少東西。

關起門來做事情很容易,但是每次的接觸新事物,擴展自己的生活圈,去發現自己的不足,才是更能刺激自己成長的路。
Read more

jQuery的.on()

在以前jQuery事件綁定主要分為bind跟live,兩個寫起來差不多,差別如果頁面裡面的DOM是動態產生的話,用bind就會抓不到那些動態產生的DOM,所以我們如果有用到ajax去動態產生DOM的話,就會使用live,不過live因為效能差還有一些其他的問題,所以官網也建議我們不要使用live,而在1.7之後有了.on()可以使用,如果之前有用live,不妨盡量改成.on()吧。

用法跟以前live有些差別,先把live改成on
  1. .on( events [, selector] [, data], handler(eventObject) )  

有一個主要的差別,live是只要直接把事件綁在元素上就可以,可是on要先找到不是動態產生的元素,像下面的,如果tr是動態產生
  1. $("#dataTable tbody tr").on("click"function(event){   
  2.     alert($(this).text());   
  3. });  
就要改寫成
  1. $("#dataTable tbody").on("click""tr"function(event){   
  2.     alert($(this).text());   
  3. });  
不然會綁不到事件
Read more

2012年2月28日 星期二

[MG] Wing Gundam EW

Wing Gundam EW
其實這隻在MG代號應該是Ver. Ka,不過EW版跟Ver. Ka聽說除了顏色外也沒什麼不一樣,加上他也可以算是EW版的,為了統一標題就統稱EW了。

Wing Gundam EW
Wing Gundam EW
鋼彈W是我第一部開始看的鋼彈動畫,也讓我開始認識鋼彈,在我心中有他不可抹滅的地位,不過對我來說地位最高的是EW還有後來重新設計的這幾架機體,所以之前TV版的飛翼我就沒買了,我想應該也是TV版的賣的不好,所以後來就狂推EW版的了。
Read more

2012年2月27日 星期一

[HG] FULLARMOR GUNDAM 7TH

FULLARMOR GUNDAM 7TH
鋼彈七號機其實是很早就已經設計完成的機體,只是這幾年PS3上的遊戲機動鋼彈戰記裡讓七號機當主角,加上經過Katoki修飾過,最近才在HGUC上推出模型。

FULLARMOR GUNDAM 7TH
Read more

Gundam W G-Unit

ガンダムグリープ

Gundam W G-Unit是鋼彈W正紅的時候推出的外傳作品,故事是說在當時的一個邊緣資源衛星的故事,跟本傳幾乎沒有交集的地方,W因為主角群太紅了,外傳作品還是以從眾主人公延伸的故事會比較受歡迎。

ガンダムグリープ
ガンダムグリープ
主人公後期駕駛的幻象鋼彈。
Read more

2012年2月26日 星期日

史努比博物館經典展 - 史努比愛打棒球



史努比是我小時候很喜歡的一部卡通,最近偶然在路上看到一些宣傳的旗幟,才知道有這麼一個展覽,不過展期也只到下禮拜而已,於是找個好天氣就過去看了。

會場把美國史努比博物館的一部分展品搬過來台灣,主題是打棒球系列,印象中史努比真的很愛打棒球,而會有這麼多棒球的主題,主要也是因為作者本身就很愛打棒球。會場也展出許多作者的漫畫,看了介紹才知道作者的連載是沒有中斷過的,雖然一次只是一則四格漫畫,但是能夠幾十年維持不中斷是很厲害的事情。



他的漫畫堅持對白要自己手寫,可惜會場內禁止拍照,能拍照的地方只有外面的一些擺設而已。
Read more

2012年2月25日 星期六

2012年2月24日 星期五

jQuery的Slide Show Plugin

401514_3284011788938_562110386_n

我很喜歡像這樣的效果,中間可以輪播圖片,現在有些介紹app的網站,甚至會用這個來輪播他們的UI,剛好找到這個外掛,應該蠻實用的。

Slide外掛網站

準備這樣的html
<div id="slides">
<div class="slides_container">
</div>
</div>

外面那層是要使用外掛的,內容則是放在slides_container那層,使用外掛後裡面放的東西就會變成slider了。
Read more

2012年2月23日 星期四

html的iframe tag

html的iframe語法,現在已經很少人在用了,因為現在可以用ajax去做出類似以前iframe的效果。會再想用到iframe,是之前在設計一個網站,裡面需要有FB的social plugins時,考慮到的用法之一,這邊記錄一下iframe的tag。

<iframe src="你的網址"></iframe>就這麼簡單。

另外可以設定的參數如下:
align: left, right, top, middle, bottom
frameborder: 1, 0
height: px, %
marginheight: px
marginwidth: px
name: Name
scrolling: yes, no, auto
width: px, %
Read more

2012年2月22日 星期三

2012年2月21日 星期二

建立Facebook Page Tab

408831_3266525591794_1135022798_n
當我們建立Facebook的Page之後,一般來說旁邊會有一些預設的頁籤可以切換,可是我們有時候又可以看到一些Page旁邊有一些額外的頁籤,這個對於經營Page是有幫助的,可以放一些個人化的介紹,或是當有行銷活動的介紹。

如果想要新增自訂頁籤的話,首先可以先到FB developer的頁面,然後點右上角的按鈕建立一個新的App。
426515_3266525791799_1709542230_n
Read more

2012年2月19日 星期日

我的網路相簿歷程

網路相簿算是網路圈比較前期的重點戰區,雖然不若youtube之於影音這麼明顯,但在幾年過後也大概大勢底定了,這邊記錄一下使用的歷程。

420553_3245761512705_637422375_n
pchome是很早加入戰局的,我在那邊也有相簿,只是因為圖片縮得太小,加上廣告插的讓人很討厭,即使後來相簿空間無限大,我還是離開了。

421309_3245761232698_482804853_n
無名小站也是很早就加入戰局,他的崛起跟抓到時空的背景,還有像創辦人說過的他想做一個放正妹的相簿,所以很快的暴紅,更早在正妹相簿的霸主是一家名為台北林克的網站,但是在無名崛起後,他的速度太慢的缺點就完全讓人受不了,也因此消失在時代的洪流中。雖然現在很多人都不喜歡無名,但他在我大學畢業那年,電腦硬碟壞軌,他可是幫我保存了許多大學珍貴的相片跟作品,我到現在都還有他第一波金卡的標記,只是他在被併購後的不長進,現在也只是在吃老本了。

405794_3245761032693_195886294_n
Xuite也是很早加入戰場的,只不過跟大多hinet推出的網路服務一樣,雖然有著很大的支援,卻總是作出跟使用者理想有差距的東西,用了沒多久就沒繼續用了。
Read more

2012年2月18日 星期六

Textarea的設定與存取內容

講一些常用的textarea的操作。

textarea就是網頁上可以輸入文字的多行輸入框,可以修改他的邊框,或許你不喜歡他預設的邊框,我在使用的時候都會把預設的邊框改掉。
textarea{
border: 1px solid #333;
}

一般來說沒有額外的設定,把游標移到文字區塊的右下角,是可以調整他的大小的,要限制他不能變型,只要在css加上這段:
textarea{
resize: none;
}

如果想要取得textarea的值,可以這麼做。
  1. $("textarea").val();  

所以要動態把值丟到textarea內(比如說有些相簿或影音空間,改變選項後複製的內容就變了),就可以這麼做。
  1. $("textarea").val("你要給的值");  

然後你希望點選後把整個textarea的內容都選取起來,只要使用select()就可以了。
  1. $("textarea").click(function(){   
  2.     $(this).select();   
  3. });  
Read more

2012年2月17日 星期五

Related Posts Plugin for WordPress, Blogger...