Chrome Experiments 裡的 HTML5 遊戲 - Entanglement

這是磷鐵絲說要的。適逢它改版，我就順便打個小介紹。

連結區：

Chrome Experiments 上的進入點
遊戲頁面

連結請使用 Firefox 或 Google瀏覽器開喔 ~ 版本也不要太舊捏 ~


從 Chrome Experiments 連進去的話會以 popup 開啟，畫面會比較大~

這次改版多了一些功能，等等慢慢提

留言板回來了

留言板全新推出，又回到上面那排裡了～

可以點點看會發生什麼事。

參考資料：http://www.skyvee.net/2008/03/flash-prototype.html

之後會慢慢修改 Blog，敬請期待


6/15夜間更新

peteranny 提到...
點不出來呀囧

經過測試之結果如下(全部瀏覽器開啟JavaScript功能)：　

Google瀏覽器：執行正常
Chromium：執行正常
Firefox 3.63：執行失敗　　←←問題所在
IE8：執行正常　　　　　←←受寵若驚@@
Opera mini 5：執行成功，但有問題
Opera mobile 9.50 beta2 for UIQ3：執行失敗

其中Opera mobile 9.50 beta2 for UIQ3本來就不支援此功能

而Firefox則推測是由於太過龜毛而不願執行我那段有點Blogger風格的程式碼

所以我會再改，想辦法閃掉這個

Blogger全新範本設計工具

今天登入Blogger準備要PO新文章，發生了以下對話

Blogger：「要不要試試我的全新範本設計工具啊 ? 猴賽雷的呦～」

我：「真的 ? 我來鑑定一下......」

Blogger：「我脫......」(誤)


我：「！！！！」

真人版：

在部落格文章中插入美觀的程式碼

只要適當修改 CSS ，搭配圖片、背景色或邊框就可以有很好的效果。

我只會嘴炮不會做，所以請詳見下方兩個網址：

良人的大秘寶:[筆記]在文章裡顯示優質的程式碼區

Warrick 初．攝 - 享受攝影，感受攝影。:Code Block

各位可以在連結裡學到該連結所用的樣式喔~！(好饒舌...)

歷代Header(這個位置終於有了文章)

真是麻煩，Blogger的文章編輯器是不是壞了......要切換成舊版才能用，每個瀏覽器都無解= =

---

現在花盆已經換到Header4了，真是一發不可收拾....

之前看過初代Header的人現在還記得它嗎?

Header1可是用了很久呢~

不過一卯起來就換了不下4次(我滿懷熱忱做的Header3也有兩個版本，卻是使用時間最短的...)

Header4我覺得做得不好，還會再更新一版吧，也許還會把標頭區再擴大(不太明智的做法)

回顧一下歷代Header吧，第一代是跟著面板來的，沒有狗，略過(底下的連結是這面板最原始的樣子)
Black Minimalism
面板下載處

二代聽說是狼(個人懷疑不是狼而是和四代同種...)

有關二代標頭的故事請點站內連結

在那篇文章裡，我心血來潮突然用了洋蔥頭的表情符號，卻發現原本面板設計讓所有圖片一律有2px的padding和2px的灰色框在這時讓表情符號變得很糟糕，兩個緊鄰圖片的框會交疊而造成板面混亂

圖片說明:正常時

 　　　　有框時

於是我把這個設定修掉了，而我之後在插入一般圖片時就會自己手動加上框

而Header2服役時網頁的SIZE曾做過整體寬度增加，並且改了一次版

此後的Header都有「とある巴特の微花盆」字樣

三代則是最近在新年期間突然出現又在開學後突然消失的一代(搞神秘= =?)

圖片上的是黃金獵犬，我真的很喜歡那張照片...

更新成三代時，最大的變革是網頁的文字標題和短文被去掉，而用圖片本身的
「とある巴特の微妙花盆」做為網頁標題(是的，多了個妙，因為橫版中間空白會太空洞就補了個字...)
當然，網頁真正顯示在瀏覽器上的名稱是維持不動的

關於三代，我毫無介紹就放了上來，也毫無介紹的換了下來

不過，我對三代進行改版時有介紹XDD

更微妙了吧~

在三代使用期間的最後，我在頁首連結增加了留言板
說起來三代的製作和更換真的花了我最多時間(無論是否計入處理留言板的時間)

三代真的是曇花一現，開學後，一個小東西刺激了我對網頁的改版

而這卻是後話了

我得快去睡覺...

PS:
我這篇都只說了標頭圖的改變，其實頁首的連結和一些小地方隨著標頭的更換也一直跟著東改西改，像是剛換上二代時，我就已經將標頭區域增高了46個像素

另外
我不知不覺間又對Header4進行了改版...

包含連結字題的顏色，整體改淡以突顯主題

改前改後做個小小比較

我把部落格修得更微妙了一點

啊啊，花了好多時間啊。
越來越微妙了呵呵

注意看上面的導覽列，多了一個留言版吧~
那可是花了很多時間呢，要讓那東西照我想的樣子出現還真是困難 ~.~
分行要用  [br]  啦，要用的還是看看說明吧

總之是成功了，就順便把準備已久的更微妙HEADER給換上去~
更微妙標頭在微妙標頭做好時就有了
想想時機也到了呵~

其實我還有一個專門測試版型用的BLOG

BLOGGER的其中一個好處就是可以同帳號弄很多個BLOG，也可以設定對外不開放
所以我就弄了個測試用的花盆，畢竟在弄東弄西的時候網頁總是會慘不忍睹......


另外啊，我買了個新的電腦桌~
可以放在床上的那種，還有USB接頭，接上後有散熱功能~
本來想放張圖的，還是算了

設計得很巧妙，不過因為不夠高，沒我想像中的好用 ="=
1400呢，價格著實不低...

唉唉，我還是會好好利用它的  (糟糕，一定會更宅...


順便介紹一個網頁→YouTube音樂探索計劃 (discovery)

網址簡單又白癡好記，在www.youtube.com後面加上/disco即可

這東西的用處顧名思義就是可以聽音樂
可以幫你找MV，並且弄成播放清單自動連播

不過這東西很弱，試試看就知道了
英文以外的東西不好找，就算找到品質也參差不齊
~
大概FM電台聽膩的時候可以墊墊耳朵 (不知道頂不頂得住...
.

關於標頭那隻的後續

以下是提姆先生在《關於標頭那隻》中所言：

我覺得自己只是口頭上說多喜歡多喜歡些動物﹙EX︰貓、狗……﹚
但總是沒想過飼養牠所必須背負的責任有多重大，
我沒辦法把牠當作一個重要的生命來對待，
沒辦法將心比心，又缺乏耐性，
只想享受那毛茸茸的身體及粉紅色的肉球，
卻不想付出的人……(嘆

我怎麼覺得似乎婊到我了......O_Q


其實這世界本來就有太多看得到摸不到的事物，而我也很習慣了

所以我並不會覺得非自己養不可，到目前都是遠遠看著喔XD
能看著牠們健康安全就不錯了


我自己也看過一些不幸福的動物

說真的，當人類當久了要用別種生命的角度去想事情本來就不容易

很多人根本未曾設想。就算單只是注意到這點，你也就不是落後者了



看著看著，想到之前台大裡有外國人在發傳單


內容是呼籲動物節育──ABC(Animal Birth Control)

中英對照還付插圖，我一開始就是看到裡面付的照片很可愛所以一直留到現在XD


但是，它的內容殘酷地指出了不少事情


在這世上要找出令人失望的事情容易極了。但是，有些就是不容易被注意到

而傳單中指出了不少令我倍感無力的事情


有沒有想過，因為人類的自私，有多少生命的降生就只是為了死亡?

寵物店的小貓小狗那麼多，每隻都賣得出去嗎?

沒賣出去的，難道你曾看過牠們平安成長嗎?
去哪了?


人類每多造成一隻寵物的出生，大概就等於將要害死半隻寵物吧
也許這比例還不太夠



上面是PETA(People for the Ethical Treatment of Animals)官方推廣ABC用的短片

英文的又沒字幕，但可以試著看看，大致上並不難理解

這是PETA關於ABC的介紹網頁
影片太快的話可以看看網頁，會更清楚些


台灣也有推行類似的行動，例如TNR(Trap、Neuter、Release)等
這些都是可以多多關注的行動(說得心虛...)

說了這麼多，我還是想抱啊~毛茸茸很好啊~~~!!!

.補充：打一打忘了講重點。
.　　　想養寵物嗎？
.　　　請盡量不要走向寵物店，走向收容所領養一隻吧!!!
.

關於標頭那隻

沒有什麼地方弄錯的話，這傢伙是一隻狼~

這張圖是從GMONE-LOOK找來的
授權是GPL，我不太懂它的內容就是

經過切割和縮放之後成了我要的樣子
若有冒犯會馬上換掉
(雖然寫了沒用，還是寫一下的好)


為什麼沒事要換圖呢?

也許認識我的人之中還有人不知道吧，我對大部份四隻腳的哺乳動物都有愛啊~~

特別是犬貓~

這隻狼鼻頭上還卡著一片雪的樣子真得很可愛唉~


不知道被拍照前在做什麼呢?
該不會是覺得雪底下好像有什麼味道而拚命的想把頭塞到雪裡去吧!!!?  
啊啊啊那畫面好可愛啊啊啊  
難怪仔細一看嘴邊還有殘雪   被我發現了XDD
難怪牠的表情還有點尷尬啊啊，好可愛~~好想抱  好想抱啊~~!!!  


對不起有點暴走......我發覺時已經打到這了...

打都打了就算啦~


PS:
.　大家要記得喔，對狗而言人類這種擁抱的動作不像是表示善意
.　反而較像是宣示地位
.　所以不熟悉的狗有可能會反抗，最好是不要隨便亂抱

.　其實下次的標頭圖預定也是狗呢。
.　其實我一直覺得這隻搞不好是哈士奇
.

換個標頭好過年~

好久沒換換網頁樣式了~

這次試著自己換標頭圖檔~~成功~

滿開心的。

這樣整個網頁看起來更灰了XD

海綿寶寶~~~~~!!

壓哩壓哩，這個真可愛~
為了讓他能在文章中顯示花了我半小時= =  (後來發現都是徒勞Q_Q)



每次都能看到不同的表情喔~!
如果點它回答問題的話還可以獲得一張這樣的桌布呢!!!!

心動吧~~~!!
去這個網站即可獲得這 海綿 baby little 鐘 喔~~

這是我的新網址，大家可以換一下，看不完就往右拉吧~

http://www.hugeurl.com/?YzJjODVmMTRiMzdlYjFjYWU1MzlmZWMzYzhhNDFhYjUmMTQmVm0wd2QyUXlVWGxWV0d4V1YwZDRXRmxVU205V01WbDNXa2M1VjFac2JETlhhMk0xWVd4S2MxZHFRbFZXYkhCUVZqQmFZV015U2tWVWJHaG9UVlZ3VlZadGNFZFpWMDE1VTJ0V1ZXSkhhRzlVVjNOM1pVWmFjVkZ0UmxSTmF6RTFWVEowVjFaWFNraGhSemxWVm0xb1JGWldXbUZrUjFaSFYyMTRVMkpIZHpGV2EyUXdZekpHYzFOdVVtaFNlbXhXVm1wT1QwMHhjRlpYYlVaclVqQTFSMXBGV2xOVWJGcFZWbXR3VjJKVVJYZFpWRVpyVTBaT2NscEhjRlJTVlhCWlZrWldZV1F4VGtkVmJGWlRZbFZhY1ZadGRHRk5SbFowWlVaT1ZXSlZXVEpWYkZKSFZqRmFSbUl6WkZkaGExcG9WakJhVDJOdFNrZFRiV3hUVFcxb1dsWXhaRFJpTWtsM1RVaG9XR0pIVWxsWmJGWmhZMnhXYzFWclpGaGlSM1F6VjJ0U1UxWnJNWEpqUld4aFUwaENTRlpxU2tabFZsWlpXa1p3VjFKV2NIbFdWRUpoVkRKT2MyTkZhR3BTYkVwVVZteG9RMWRzV25KWGJHUm9UVlpXTlZaWE5VOWhiRXAwVld4c1dtSkdXbWhaTVZwelkyeGtkRkp0ZUZkaVZrbzFWbXBKTVdFeFdYZE5WVlpUWVRGd1YxbHJXa3RTUmxweFVWaG9hMVpzV2pGV01uaGhZVWRGZUdOR2JGaGhNVnBvVmtSS1QyUkdUbkphUmxKcFZqTm9XVlpYY0U5aU1XUkhWMjVTVGxOSFVuTlZha0p6VGtaVmVXUkhkR2hXYXpWSFZqSjRVMWR0U2toaFJsSlhUVlp3V0ZreFdrdGpiVkpIVld4a2FWSnRPVE5XTW5oWFlqSkZlRmRZWkU1V1ZscFVXVlJHZDFkR2JISmFSemxxWWtad2VGVXlkR0ZpUmxwelYyeHdXR0V4Y0ROWmEyUkdaV3hHY21KR1pGZE5NRXBKVm10U1MxVXhXWGhXYmxaV1lsaENWRmxZY0ZkWFZscFlZMFU1YVUxWFVucFdNV2h2V1ZaS1IxTnVRbFZXYkhCWVZGUkdVMVp0UmtoUFZtUk9WakZLU2xkV1ZtRmpNV1IwVTJ0a1dHSlhhR0ZVVmxwM1pXeHJlV1ZIZEd0U2EzQXdXbFZhYTJGV1duSmlla1pYWWxoQ1MxUldaRVpsUm1SWldrVTFXRkpZUWxsWFZtUTBaREZaZUZkdVJsVmhNRFZ2VlcxNGQyVkdWWGxrUjNSb1lsVndWMVp0Y0dGWGJGcFhZMGRvV2xaWFVrZGFWV1JQVTBkR1IyRkhiRk5pYTBwMlZtMTBVMU14VVhsVVdHeFZZVEZ3YUZWcVNtOVdSbEpZVGxjNVYxWnNjRWhYVkU1dllWVXhjbUpFVWxkTmFsWlVXVmQ0UzFack5WbFJiRlpYWWtad1dWWkhkR0ZXYlZaWVZXdG9hMUp0VW5CV2JHaERUbFprVlZGdFJtcE5WMUl3VlRKMGIyRkdTbk5UYkdoVlZsWndNMVpyV21GalZrcDFXa1pPVGxacmNEVldSM2hoVkRKR1dGSllaR3BTVjNoWVdXeG9RMVJHVW5KWGJFcHNVbTFTZWxsVldsTmhSVEZ6VTI1b1YxWjZSVEJhUkVaclVqSktTVlJ0YUZOaGVsWjVWMWQwWVdReVZrZFdibEpyVWtWS1YxUlhkSGRUVmxwWVkwVk9XR0pHY0ZoWk1GSlBWMnhhV0ZWclpHRldWMUpRVldwR1YyTXlSa2hpUms1cFUwVktNbFpxUm1GVk1VbDVVbGhvWVZKWFVsZFpiWFIzWVVaV2RHVkZkR3BTYkhCNFZUSXdOV0pIU2toVmJHeGhWbGROTVZsV1ZYaFhSbFp5WVVaa1RtRnNXbFZXYTJRMFdWWkplRlJ1VWxOaVIxSndWbXRXVm1ReFduUmpSV1JXVFZac05WVnRkR0ZWUmxsNVlVaENWbUpIYUVOYVJFWmhZekZ3UlZWdGNFNVdNVWwzVmxSS01HSXlSa2RUYms1VVlsVmFWbFp0ZUhkTk1YQllaVWhLYkZZeFdrbGFSV1F3VmpKS2NsTnJjRmhpUmxwb1dWUktSMVl4VG5OaVJrcFhVbGhDV1ZkWGVGTlNhekZIVjJ4V1UyRXpRbk5WYlRGVFYyeGtjbFpVUmxkTlZuQjZXVEJhVjFkR1duTlRhM2hhWVd0YWVsWnFTa3RTTWtaSVkwZDRhRTFZUWpSV01XUXdXVmRSZVZaclpGZGliRXBQVm14a1UxWXhVbGhrU0dSVVZteHdXVmt3Vm10V01ERkZVbXBHV2xaV1NsQldNakZHWlZaV2NscEhSbGRXTVVwUlZsZHdSMWxYVFhsU2EyUm9VbXhLVkZac2FFTlRNVnAwVFZSQ1ZrMVZiRFZWYkdodldWWktXRlZzWkZwaVdGSXpXV3BHVjJOV1RuUlBWbVJUWWxob1lWZFVRbUZoTVdSSFYyNU9hbEp0ZUdGVVZWcFdUVlpzVjFaWWFHcGlWWEJHVmxkNGExUnRSbk5YYkZaWFlUSlJNRmRXV2t0ak1WSjFWRzFvVTJKR2NGbFhWM2hoVW0xUmVGZHVSbE5pVlZwaFZtcEdTMU5XV25Sa1J6bG9UVlZ3TUZaWE5VTldiVVp5VjJ0NFZrMXVhSEpXYWtaaFpFWktjMWRyTlZkaVdHTjRWbXhrTkdJeVRYaFhiazVZWVRGd1ZWbHJaRzlYUm14WVkzcEdhMkpIZUZkV01qRkhZV3hhY21OSWNGaGhNWEIyVm1wS1MyTnNUbkppUm1SWFlsWkZkMVl4V21GWGJWWkhWRzVLV0dKRk5WaFZiRnBXVGxFOVBRPT0=