Yijen's blog

看完美國隊長心得：

這是一部喜劇效果絕佳的搞笑片！

1) 萬用小圓盾 完勝 眾神的力量 XDDD(我好想買一個)

2) 不完美的特效鏡頭：一開始主角瘦皮猴的樣子，有幾個鏡頭破綻好明顯，真人大頭配上特效假身軀，明顯的違和感也很好笑(相比之下才知道魔戒哈比人拍攝手法實在很強)

3) 主角威能太明顯：從頭至尾都太順利了，單人潛入敵營救出400人，看一眼就記住各個敵營位置一一擊破毫無障礙，這部片的反派根本在混水摸魚 XD

4) 一直被欺負的大魔王：我想對他說句話：「我好懷念史密斯(The Matrix)，那時的你好帥好威風，不像在這裡...被毀容就算了，基地還一個個被毀掉，最後死法也超囧的(拍拍)...」

幾年前jQuery的出現，帶給許多Web Developer在Web的開發上有許多幫助，尤其是我，幾年前還在摸索Web UI及網頁互動性的時侯，和jQuery的相遇彷彿是我的救星一般，讓我節省了超多寶費時間在Coding上...

但不才如我，即使和jQuery相處了這麼久，除了jQuery UI及jQuery本身的func外，都是倚靠人家寫好的plugin，一些神級的plugin：如知名的秀圖程式 - 「lightbox」，或是完美的slideshow方案 - 「jQuery Cycle Plugin」，每每都在上頭指定的專案壓力下幫助我脫困的利器。

今天，總算在一個機緣下，寫了我的第一支jQuery Plugin，取名叫「jQuery SmartFlo」。接下來就來介紹一下這個小傢伙吧。

觀看全文...

幾個月前, facebook及bbs有一篇引起熱烈轉載的文章名叫「哆啦A夢告訴你目前各家瀏覽器對CSS3 的支援狀況」。當時看了之後, 除了對IE的CSS支援落後感到失望無奈以外, 同時也對該名日本原作者-神人的技術感到十分佩服...

於是乎, 身為一個有研究精神的Web前端工程師, 且對設計有著一股熱情的我, 怎麼可以不也來研究一下Pure CSS Design呢?

所以這篇文章就這麼生出來啦 XD~
這次我嘗試用CSS3創作的主角是...我很愛的日本知名甜甜圈 (Mr. Donuts)的吉祥物 - 波堤獅 (Pon de lion) :D

觀看全文...

繼微軟的Internet Explorer 9 (IE9)在2011年3月21日發表後, 在相隔二天的今日2011年3月23日由Mozilla公司出品的Firefox 4.0 (FF4)也登場了.

回想當時國二剛買的第一台PC, 配著Windows 95和Netscape(網景) browser, 後來自己去買了IE4.0, 接下來幾年IE5、IE5.5、IE6(for a long time), 經歷Netscape的退出瀏覽器市場, Firefox一代的問世, 再過幾年後google跨足瀏覽器市場, 神速Chrome的出現, 瀏覽器的戰國時代開始...

下面這張圖列出了瀏覽器的歷史, 可惜自己還不夠老, 沒用到IE1.0~2.0, Netscape好像也由3.0開始用的, 不知道大家從哪一種瀏覽器開始探索網路的咧?

Ultimate HTML5 Cheatsheat by Tech King

每次在逛一些程式分享類型的Blog時, 經常看到他們Share出來的code用了一個很美觀, 且排版非常易讀的demo box, 直覺一定透過什麼plugin來完成的, 終於, 在今天被我找到了!
「SyntaxHighlighter」--俗稱網頁語法高亮器(胡亂翻一通?XD) 在各大Blog廣泛被運用的這個東東, 對於「分享程式碼」這件事來說，真是一大好物呀~ demo sample code時可以很方便地被copy paste進行實測. 也不用再手動寫一大堆 &lt;(小於 < ) &gt;(大於 >)...超痛苦 >"< 目前版本已經到3.0.83了, 仔細看了官方的網站, 發現這東西不僅使用上容易, 安裝也很簡單, 而且3.0版本後有更多之前被抱怨的小bug被一掃 :) 馬上來實作如何在Yam Blog(天空部落)安裝這套好用的Web Plugin吧!

觀看全文...

筆記用

用Youtube上傳(upload video)影片分享已經是絕大多數blogger或網頁開發者都在作的事；但若要embed影片以外，且要讓它自動播放該怎麼解?(不必要使用到Youtube API)

先取得embed code

使用「舊式」嵌入碼(<object>起頭的), 找到<embed>後的網址

EX:
<embed
  src="http://www.youtube.com/v/-kIkarvhoa8?fs=1&hl=zh_TW&..."></embed>

embed video網址最後再補上一個參數即可

&autoplay=1 (default為0)

觀看全文...

觀看全文...