配色好站COLOURlovers

只要從事與視覺相關的任何工作，配色是永遠必須不斷面對的問題，然而配色也是博大精深且左右風格的學問，很多時候我們手頭上的case是有時間急迫性的，這時候如果有個好的配色指南將如久旱甘霖，下面這個配色網站COLOURlovers就是值得推薦的平台。

(image)

http://www.colourlovers.com/

你可以按照主題風格或偏好色採選擇，會找到一大票配好的用色組讓你挑選，資料量非常豐富~剩下就看各位怎麼發揮各自的美學囉:D Read more »

中文全字庫 – 書法字使用教學

這篇教學堆在後台大概有一年多了，而這個系統已經更久更久以前就有了…很多做設計的朋友都知道，但文章再堆下去…不知道會何年何日才會見天日，索性今天趕快發出來好了…囧，已經用過的人則可以跳過~提供給沒用過的朋友們參考。

在各種場合我們可能都會需要使用到古典雋永的中文書法字，但是有時候純中文字型檔不太能滿足我們的需要，尤其是有魄力的書法字…通常保守的書法字型無法做到，這時候我們就可以使用這個好用的「中文全字庫」。

(image)

中文全字庫的網址是http://www.cns11643.gov.tw/，它的功能當然非常多…但是小樽僅是要借用他可以提取一些書法名家的書法字 Read more »

好用的免費私雲軟體TONIDO

之前曾經筆記了這套軟體，但是當時時值忙結婚、又要從北部搬到南部的忙碌時刻，我也已經沒有桌機可以使用，所以就一直擱著還沒有裝來用看看，但時至今日我在Lab的”硬體配置”大概已經底定，網路等環境要素也差不多整理好了，終於可以開始架設了和安裝測試一些軟體或Service了，這套TONIDO私雲軟體自然是我一直惦記著的優先口袋名單。

(image)

Tonido的官方網站在此，目前都還是提供免費下載主程式 Read more »

HTML5案例觀摩 (四)各式近期HTML5案例選

　　本篇將會將小樽第一堂課的課程中，針對目前HTML5可以做到哪些效果的案例，將剩下的案例一次寫完，不再獨篇介紹，如果往後有其他補充小樽再另開新文章。

RA RA RIOT—網址在此，這個作品一開始會要輸入一個名字，可以隨便打，按下Enter以後他會隨著音樂的播放，讓你可以控制滑鼠並展現出華麗的筆刷效果，同時他也是個小遊戲，吃畫面上的藍點會加分並且累積一些視覺效果，吃到紅色的則反，最後會結算你的成績~而要你輸入的名字也就是讓你登錄分數可用，附帶補充以前有一個小樽介紹過的效果很類似的Flash，提供比較參考。

(image)

BallDroppings網址在此，這個效果在以前的JavaScript也可以做到只是現在有canvas標籤就可以很容易的發布在網頁上，使用方法是你可以在螢幕上畫線，左方掉落出來的點就會因為你畫的線而產生反彈，依照不同的線所敲擊出來的聲音也不一樣，並可在畫面下方改變球的掉落速率和重力參數。 Read more »

HTML5案例觀摩 (三)Mirror 及HTML5與Flash爭議之我見

這是一位日本人寫的HTML5互動MV，網址在此，他特別的地方是在一開始會要求你輸入FACEBOOK/TWIITER以及詢問你是否啟用攝影機的選項：

(image)

　　這陣子為了HTML5做了很多功課，小樽發現國內外諸多文章都在討論HTML5 V.S Flash或者極端一點HTML5會打死取代Flash，事實上小樽剛好再用這個案例做一點自以為中肯的評斷供大家參考，因為這個範例是結合HTML5和Flash一起做的，除了影片以外作品內截取Flash視訊做photo Mosaic的程式也是Flash在Run~因為HTML5目前為止沒辦法直接拿webcam視訊來做互動效果，或許以後會有辦法或替代方案(?)(image) Read more »

HTML5案例觀摩 (一)Ｔhe Ｗilderness Ｄowntown

這是一個很有名的以HTML5製作的網路互動電影(Interactive film)範例，為了得到最好的效果請用Chroma瀏覽器開啟，播放過程會有需要使用者介入操作的部份，請輸入你成長的家(the address of the home where you grew up)，如果你給的資訊太少，程式會要你參考google map上你家的住址，可以輸入中文唷，輸入以後就可以Play Film。 原文網址：http://www.thewildernessdowntown.com/

(image)

看不懂的話小樽稍微解釋一下，這個網頁使用HTML5的技術撰寫，除了影音的播放以外，也整合使用Google Map的技術，還有展示了canvas互動效果，算是一經典DEMO範例。