網頁設計製作 分類的彙整

搜尋Facebook上發表過的文章 & WordPress升級到3.5

覺得Facebook訊息交流迅速方便,卻始終因為不易搜尋而覺得終究只是個混合聊天室嗎?現在有解了,Facebook QSearch聽見了你的渴望

Qfb

這是Google Chrome的外掛,如欲安裝請到這裡,安裝畫面如上圖 繼續閱讀 ‘搜尋Facebook上發表過的文章 & WordPress升級到3.5′

配色好站COLOURlovers

color

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

http://www.colourlovers.com/

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

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

CN

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

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

中文全字庫的網址是http://www.cns11643.gov.tw/,它的功能當然非常多…但是小樽僅是要借用他可以提取一些書法名家的書法字 繼續閱讀 ‘中文全字庫 – 書法字使用教學’

讓你上傳3D模型線上展示的網站

這篇文章在草稿裡堆了好久…小樽已經忘記是從孫老大學長還是銘育大哥那看到的orz,總之…如果你是一個3D User,想上傳自己的3D作品並且可以在網路上直接展示的話,這個網站的服務是你的好幫手唷:D

官方網站 http://p3d.in/

好用的免費私雲軟體TONIDO

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

Tonido的官方網站在此,目前都還是提供免費下載主程式 繼續閱讀 ‘好用的免費私雲軟體TONIDO’

CSS3將字型轉為網站用字型

本文資訊來源為強者學弟小樂。在HTML5中具備嵌入字型的功能,可謂視覺設計師們的救贖,以往為了解決問題…要碼作圖片,要嘛嵌在剛宣布要停止在型動裝置上開發的Flash Player,不然就是要靠Javascript…但是支援度是個謎,現在你可以借用強大的CSS3來解決字型問題。 繼續閱讀 ‘CSS3將字型轉為網站用字型’

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

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

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

BallDroppings網址在此,這個效果在以前的JavaScript也可以做到只是現在有canvas標籤就可以很容易的發布在網頁上,使用方法是你可以在螢幕上畫線,左方掉落出來的點就會因為你畫的線而產生反彈,依照不同的線所敲擊出來的聲音也不一樣,並可在畫面下方改變球的掉落速率和重力參數。 繼續閱讀 ‘HTML5案例觀摩 (四)各式近期HTML5案例選’

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

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

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

HTML5案例觀摩 (二)ROME

這是一個展示了WebGL威能的互動短片HTML5網頁,一樣建議使用Google Chrome開啟,網頁連結在此,或可點下方連結
http://www.ro.me/
一開始會告知你使用正確的瀏覽器或下載,如果你已經是使用chrome請在頁面上隨意點一下,如果讀取完就會產生畫面如下,按一下Enter就開始欣賞吧。
繼續閱讀 ‘HTML5案例觀摩 (二)ROME’

HTML5案例觀摩 (一)The Wilderness Downtown

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

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

 

彙整