小心流量統計中的Traffic source domar.ru

在看Blogger的流量統計時(google analytics)的source時看到了一個奇怪的source "domar.ru"。基於本能 (.ru的source去連中文blog)先問一下google大神，果不然有問題... 以下是google.com.hk的結果:

詳細見[資訊分享] 來路不明的連結網站domar.ru，簡單講一下要點

• 這是Spam Link，為的是吸Page View。上文說是無害，但不保證現在的也是 (尤其網站有大量廣告的話...)
• 常見於Blogger的流量統計
• 重要:「千萬不要去點擊你的Blogger流量統計的不明連結。」
• .ru的網址有必要格外留神 (.cn是另一個，原因是這些Domain被人惡搞太嚴重了)
• 同類的有postring.tk

上網要小心啊。

Merry Christmas & Happy Boxing Day 之...有趣的聖誕網頁精選

ⓂⒺⓇⓇⓎ Ⓧ'ⓂⒶⓈ & ⒽⒶⓅⓅⓎ ⓃⒺⓌ ⓎⒺⒶⓇ

★┈┈┈┈☆┈┈┈┈┈┈┈☆┈  
┈┈┈╱╲┈ⒸⒽⓇⒾⓈⓉⓂⒶⓈ 
┈┈╱┈┈╲┈┈┈ⒺⓋⒺ┈┈┈ 
┈★╱┈┈╲┈┈┈┈┈┈☆┈┈  
┈┈╱┃┃╲┈ⓅⓇⒶⓎ┈ⒻⓄⓇ  
☆┈┈┃┃┈┈┈┈ⓅⒺⒶⒸⒺ┈

[By @waterlou, @mikamika59]

因為昨天太醉所以今天才寫~有趣的聖誕惡搞精選(Geek)

1. CSS3 3D Rocks! "Oh DOM Tree, Oh DOM Tree! Thy leaves are all form elements! "
   http://hakim.se/experiments/css/domtree/ by @hakimel (Song by @paulirish)
2. JS1K Style Merry Xmas by @cowboy 
   http://benalman.com/code/projects/js1k-organ1k-xmas/organ1k-xmas.html
3. Geek, Really Geek: How can we draw a Christmas tree with decorations, using TikZ? http://tex.stackexchange.com/questions/39149/how-can-we-draw-a-christmas-tree-with-decorations-using-tikz
4. Let it snow in CSS3 animation: http://designshack.net/tutorialexamples/letitsnow/index.html
5. Let it snow in JS, with unique snowflakes via glyhs ('+*×' or  '❄❅❆')
   http://zeptojs.com/let-it-snow/
6. Christmas Decoration by @codepo8
   http://jsfiddle.net/codepo8/xbVhh/

Merry Christmas and Happy New Years!

p.s.1 另外因為假期，星期天網語上星期及今星期休刊
p.s.2 今天是星期一

.net magazine: 2011 in review 系列精選

最精采、本年最有參考價值的網站.net magazine都包了

[JS] 2011 in review: 20 sites that pushed JavaScript to the limit

[webGL] 2011 in review: 20 sites that took 3D to the next level

[HTML5] 2011 in review: 20 HTML5 sites that changed the game

[CSS] 2011 in review: 20 CSS sites that rocked!

以上名單絕對有overlapping，Enjoy XD

星期天網語: 初音ミク (HATSUNE MIKU) by KC

引言: 初音，全名初音ミク（初音未來)，是日本Yamaha「電子音樂製作語音合成軟件」－"Vocaloid"眾多電子歌手之一，以日語為主。作品常見於日本niconico*，但也有不少人將之轉載、配上字幕上傳到Youtube等平台之上。
* niconico，全名"NICONICO動畫"，日本一個和youtube相似但有更強的留言互動功能(彈幕留言)及live-streaming (生放送/現場直播)的影片上傳網站

然而何以初音可以在日本大流行至有自己的演唱會、遊戲、漫畫、模型、各式同人，甚至是在日本以外流行? 接下來由專業的初音FAN，KC (@kctsang) 為大家介紹－－
========
近日在網上見到有人轉貼一編有關初音ミク的簡介，雖然我有點奇怪為何在她推出了四年多後才寫這種簡介文，但作為一個Vocaloid曲愛好者，我還是點了進去看看…

『可以說沒有Niconico和初音未來就沒有今天的supercell…』

「嗯沒錯…」

『…而沒有supercell，初音的魅力也會遜色不少』

(噴)


OMG…這種就像「沒有[插入有名的Web 2.0產品]，Web 2.0的魅力也會遜色不少」，無視了其中原因，只取其中一個突出的的成功例子來以偏既全的說法，只能說是外行…
其實那文中也有提到Web 2.0，但偏偏只是輕輕帶過日本的動畫分享服務Niconico動畫是Web 2.0之一，反而忘記了Web 2.0的根本：User-generated Content的本質，才是初音熱潮的動力。
而從文中反而寫了119(插圖師)和supercell早期的誤會之類，這種根本微不足道的事(反而不提初音的人設KEI?)來看，我猜作者有參考了supercell的日文wiki條目 (中文)才寫文，但為甚麼又不參考一下初音ミク的條目 (中文) 呢？在年表那邊也寫了：

「9月20日 - ニコニコ動画に『みくみくにしてあげる♪【してやんよ】』投稿。大人気の楽曲に。」
(9月20日 - 『みくみくにしてあげる♪【してやんよ】』在Niconico動畫投稿。成為了很流行的樂曲。)

沒錯，這首《みくみくにしてあげる》才是初音流行的引爆點，Supercell說到底也只是火上加油。

ryo的成功=初音的成功？

在這邊容我說一句：我個人是很不屑supercell的做法。沒錯，他們成功了，也為Vocaloid的熱潮投下了大量燃料，但在我眼中，他們只不過是踏著初音的熱潮，讓自己跳得更高後一去不回頭，而不是走入Vocaloid圈內作出正回饋。為何小弟這麼說？

- 早期的初音原創曲中的歌詞，大部份都是環繞初音的角度來看，例如描寫用家安裝初音的"みくみくにしてあげる"，寫初音試版試用期限的"Time Limit"，寫初音第一次唱歌時的"ハジメテノオト"；supercell的"メルト"是第一批沒了這種特性，單單只是「寫一首流行曲，然後用初音來作歌手」
- 歌和詞根本就不是寫給的初音用的(要知道寫得不好的曲很易突出初音的弱點，而supercell的曲大部份都有尖音，叫喊之類初音不在行的部份)
- 調教(指Vocaloid中對發音的調整)很隨便，只差不是沒調教直接使用(這點後期曲有改善)
- 到supercell打出名堂後，便完全脫離了Vocaloid界(除了後來為Sega遊戲寫的三兩首曲)

【貓箱註腳】:  ryo是supercell的核心成員

初音為何流行？

在說這之前，我們先來看看，近來Google Chrome和初音合作的廣告：
Google Chrome: Hatsune Miku (初音ミク)


注意到這動畫的重點嗎？
第一是那不斷出現的"Upload"鍵、
第二是尾聲出現的那句"Everyone, Creator'。

就如上文提及，User-generated Content就是Web 2.0的本質；這點剛好將Vocaloid和一眾個人作曲家拉在一起了：
原本一位作曲家如果寫了一首歌想找歌手，必需找辦法找一位歌手，但有以下問題：

- 如何找歌手？身邊可能沒人唱得好；網上找也可能有聯絡上的問題
- 錄音環境和器材的問題
- 歌手歌聲和風格的問題

Vocaloid的定位，可說是「給作曲家用的歌手」，無需添購其它器材，只要有一台PC便可以為自己作的曲加上歌手；但為何要到初音ミク才爆發性地流行？當然不單是封面用上了萌系角色這麼簡單！
在這兒要說一點歷史：Vocaloid其實也有不同版本，初音ミク用的是Vocaloid2，而在她之前當然有Vocaloid 1，在日本最有名用了Vocaloid的音聲軟件是女聲的Meiko男聲的Kaito，但兩者都賣得不算好，因為Vocaloid人聲的效果不算好，就算直到現在調教已經很成熟的時代，也很難做出自然的歌聲，甚至可以說是頗差；直到Vocaloid 2出現，將歌唱聲音大為改善後，才可算是一般人也能用的歌手軟件。

再說回個人作曲家那邊，初音ミク的出現令他們可以以合理的價錢找到一個歌手，由作曲填詞到演唱全都可以不求人，大大降低了投搞的門檻。
但最早期的ミク除了官方的demo曲外，大部份人都只是用她來翻唱日文名曲來試驗她的性能；直到以下三曲出現，展現了初音在原創音樂上的可能性：

1. 中毒性高，同時發揚了民謠風格(和はちゅねミク以及初音=葱)，Otomania的《Ievan Polkka》^{^}
VOCALOID2 初音ミクに「Ievan Polkka」を歌わせてみた



2. 秋葉系(或稱電波系)風格，ika的《みくみくにしてあげる♪》
(此曲再生數超過9,200,000，比兩個半月後出現的メルト再生高出超過1,400,000)
【初音ミク】みくみくにしてあげる♪【してやんよ】



3. 逆向思考，故意加重初音歌聲的電子感來減少其違和感，再配上電音J-POP風格，kz的《Packaged》
初音ミクがオリジナル曲を歌ってくれました「Packaged」 Full Ver.



由這些曲為起點，一眾創作者不斷以初音為中心，進行各種一次和二次創作，例如：
- 各式各樣歌曲，曲風由Pop到Trance，Techno，Eurobeat，Jazz，R&B，Rock，Hardcore，Metal，話劇式，民謠式…甚至連FamilyMart入店曲和般若心経各式風格remix
- 歌詞由情愛，動畫式歌詞，搞笑，舊曲新詞，到成人踏界，生與死，世界滅亡，甚至，家暴，自殺，婚外情，情慾等等，應有盡有

而創作方去也不限於歌曲方面，在各種媒體上也有其它發展
- 由MV至搞笑短片也做得出的簡易3D動畫製作軟件MikuMikuDance (MMD)
- 一眾Vocaloid成員的各種設定，例如Kaito喜歡吃Häagen-Dazs，鏡音姊弟坐的黃色壓路機^#1
- 由一首歌發展至小說，舞台劇等多媒體發展的中世紀宮殿式故事《悪ノ娘》系列^#2

從以上例子，可見就算不同界別的人的創作，就算是完全不同方向的東西，但卻有Vocaloid系列的角色作為一個中心點，吸引越來越多人加入，並圍繞著Vocaloid進行各種的創作(這點和東方系列的情況有點相似)，令各種User-generated Content帶種和而不同的味道，從中產生不斷的正回饋。


說了那麼多，其實也是想說明一點：在這個Web 2.0的時代，利用Web 2.0爆紅的東西，基本上不會是單一原因或人物而走紅，更不會說「沒有某某便失色不少」；Facebook，Twitter，Flickr不會沒了某用戶便失色，Youtube不會沒了Rickroll便失色，同樣地，就算不計Vocaloid系列，單指初音ミク，也絕不會說沒了某作曲家便失色。
能說的，只有「Vocaloid因為Everyone，才有現在的出色」。


後記：
原本打算介紹一些Vocaloid曲，但想到各人口味不同，所以還是作罷；但以下一曲無論如何也要介紹一下：

【初音ミクAppend】3 Years Back【オリジナル曲】


這是一首令我每次聽時都有點想哭，很平淡但帶種「往事一去不返的」感覺的歌。

===========【貓箱註腳】============
^{^} 《Ievan Polkka》，又名甩蔥歌，最初是波蘭民謠被歌手Loituma改篇翻唱之後再被4chan惡搞成《Loituma Girl》，及後再經Otomania改篇變成日文空耳版至成為另一首歌...算是半原創?
^#1 Vocaloid每個成員都有自己的特色及代表物品－雖則都是同人惡搞出來的
^#2 大多數Vocaloid的代表作都有中文字幕，youtube上面一堆。

年未Browser戰報: IE 的黃昏 & "Finally they heard from us"

IE的黃昏

繼Chrome爬過FF後，上月尾 (W47)Chrome 15總算登上了皇者之座，成為全球最多人使用的瀏覽器版本

不過全球統計來看IE仍是很強大...打倒魔王之期仍是遙遙無期..

只是如果去看亞洲區的統計數字，東亞，尤其是大中華區還是IE當道orz

"Finally they heard from us" - The Christmas Gift From M$ to Developer

大概是他們自己也支援至怒羞，他們決定對不更新的IE用家們祭出了史上最大的地圖砲－－

「透過Windows Update自動更新WinXP至Win7的IE至最高可支援版本。*」－－Exploring IE

* XP是IE8，Vista/Win7是IE9

這次的更新是Google Chrome式的背景更新 (就是說一般的正版用戶都會乖乖的更新了)，當然一如慣例那是可以封的，只是他們並不想你們這樣做 XD

不過不會更新的傢伙還是有的:

• 因盜版而廢了自動更新的用家
• 企業更新機制不容許 (系統有reborn卡或者權限不足的)
• 企業怕連鎖效應 (內部系統出現問題而要升級或支援服務)而下令廢了自動更新的
• 用家因要使用IE-only的特殊服務(網銀)而不能更新的 (中國或南韓多屬此例)

所以要IE6/7/8從地球上消失還是很遠 XD

*其實以前好像祭過出來，而且是不能阻止的，不過因為當時盜版橫行加上企業用戶一堆反彈所以大失敗...而且其實很久以前的IE 6是有Auto-patch的

星期天網語: 那些年，我們膝蓋中過的箭 (The Knee-arrow we took)

標題那個寫法是「膝蓋中箭體」的變種之一，最初版本如下

"I used to be _____ like you,  then I took an arrow in the knee"
「我以前和你一樣是個＿＿＿，直到我的膝蓋中了一箭…」

一切都是來自The Elder Scrolls V: Skyrim (上古卷軸5：天際)的傳奇男子

"傳說在上古捲軸5中有一個風一樣的男子，專門射人膝蓋，每個被射中膝蓋的人都成為了守城的衛兵。因為遊戲中玩家和守城衛兵對話之後幾乎都會吐槽出這句話：「我以前和你一樣是個冒險家，直到我的膝蓋中了一箭…」"

以上上半部分為國內(內地)網友唬爛[微博專題]，下半部分是真的: 遊戲中每個守衛在對話完結時都會說這句 "I used to be ..."，是國內外網友一致認證的Skyrim城鎮守衛對話萬用卡－－


上片反映各城守衛都會說這句，可見膝蓋中箭是守城衛兵必經之路啊! (*此句出現條件通常是對話已完，其他stock line又用盡就會出這句，然後對話loop restart)

原版分別如下:

"I used to be an adventurer like you, then I took an arrow in the knee"

「我以前也是是個冒險者，直到我膝蓋中了一箭…」(正式翻譯)

這句在國內外愈來愈火: 國外的請參考Knows Your Meme，國內/台灣/華語圈則是遊戲網站(含Komica)、微博、Twitter及百度貼吧在傳，經過炒作後演化至這個版本:

"(I)_______________, (then) (I) took an arrow in the knee"
「(我)＿＿＿＿＿＿＿＿＿＿，直到我(的)膝蓋中了一箭…」

國內甚至有「射中膝蓋」的變體；國外則是多了個新字Knee-arrow...

話說我本來不知道這梗的，直到我的膝蓋中了一箭。

Reference:
Knows Your Meme: I took an arrow in knee
成句/直到我的膝蓋中了一箭/Then I took an arrow in the knee.

後記:
還真有人去考究膝蓋中箭後能不能當衛兵這事。
如果是我們的世界、中世紀應該是不可能，只是Skyrim是個魔法世界，
「一個有治療藥水和治療魔法的時代」(By SunZZYY)

後記2:
後來kotaku訪問了始作俑者的那位Developer，Todd Howard (Bethesda's chief game developer):
後日談: How They Came Up With Skyrim’s ‘Arrow In The Knee’ Line
"這句的作者是 Emil Pagliarulo [Senior Bethesda game designer]，創作及加入遊戲的原意是想守衛們有多一點個性－不止是說你(玩家)的事，也說說自己的事"
…只是Todd沒想到會大紅。
然而為什麼Emil會寫出這句…很遺憾Kotaku這次找不到本人來問，也許這是另一個故事?

Fireworks 5.1 輸出 Object CSS 的方法

Firework是很多Designer愛用的設計軟件－然而作為Developer此物如同仇敵，因為要把Object的CSS抽出來有•夠•麻•煩。

現在總算是有個方法可以把一些標準一點的CSS3屬性export出來...需要Fireworks 5.1和Fireworks CSS3 Mobile pack

之後在window→extension可以找到CSS Property一欄，在選取了Object的時候可以在這個window看到相應的css屬性及在window的底部看到全套css+html code可以copy

目前成功的有cross-browser的round corner和css gradient [video教學，有用的只有3:10~3:23]，未至於可以取代front-end切圖工序但算是輕鬆一點吧...(至少有個比較好的方法知道那個round-corner的設定了!)

互聯網上的狂歡時刻:Black Friday, Cyber Monday & Advent Calendar

對於有在網上購物的人來說美國感恩節前後+整個12月是個破財時刻:

• 感恩節是星期四，可是之前一星期左右網上商店 (e.g. AppStore)優惠就會陸續上架
• 感恩節翌日的那個星期五是Black Friday (黑色星期五)，是傳統商店的瘋狂減價，不過網上商店也會推出優惠
• 感恩節之後第一個星期一是Cyber Monday (網絡星期一)，是網上商店的瘋狂減價

關於Black Friday和Cyber Monday可以參考 [英文] 黑色星期五 Black Friday 與 網路星期一 Cyber Monday。不過接下來的12月要怎樣破財?

那個讓你破財的東西叫Advent Calendar (問世日曆)，或者更直接的"Christmas Countdown"。

Advent Calendar是一個特殊日曆，標示著從12月1日到12月24日的每一天作聖誕倒數之用 [wikipedia]。 而現在一些網站用Advent Calendar推出每日限定優惠、giveaway、特別資源下載等等。
以下是一些Advent Calendar的範例:

• Sitepoint Christmas Countdown: 每日Discount
• MDN Advent Calendar: 在12月1~24日每天出一篇今年的Web Development文章精選
• 24 Ways: 在12月1~24日每天出一篇Web Development/Web Design的文章－基本上是沒人寫過的新技術，作者都很有實力。
• Doctor Who (BBC): 用Advent Calendar玩Video Adventure Game...
• Sky Scanner: Advent x Twitter做抽獎
• Sherlockology (BBC): 資源類(Sidestory?)的Advent Calendar回饋Fans
• JLS: 抽獎和giveaway
• Angrybird: 從12月1日開始一日一篇漫畫

基本上用Advent + Day在Twitter可以找到一堆英國為主的Advent Calendar (美國是感恩節最重要，然而英國可是聖誕－不過美國也有Advent Calendar只是少一點)。另外也有一些只在聖誕節一星期的短版Advent Calendar…當然聖誕前後一兩天也會有很多Special和Discount滿天飛，所以十二月是燒錢的啊…