0 與 1 的邂逅 @joaoko

Go2Web20 這個網站蒐集了到目前為止將近 800 個 Web 2.0 網站，堪稱是網路上整理最完整的 Web 2.0 網站目錄。
每個格子裡有網站的 logo，游標停在 logo 上會時會顯示簡短的介紹。

Picnik 是一款以 Flash 為基礎的線上修片/圖片編輯工具，操作介面簡單而不複雜，工具列上的每個按扭都有明確的功能，如果只是想做個簡單的修片動作時，Picnik 會是個實用的工具。
除了上傳電腦中的照片到 Picnik 進行編修之外，還可以直接從 Flickr 抓照片過來，編輯完之後甚至可以直接存回 Flickr (存為新檔或是取代舊的照片)。
下面是簡單的功能解說及介面抓圖:
↓圖1: 首先選取要編輯的照片或是圖片，圖片來源可以是自己的 Flickr 帳號、從自己的電腦上傳、從網址獲取圖片、Yahoo! 搜尋圖片、搜尋 Flickr 圖片或是從 Webcam 擷取相片。
↓圖2: 在編輯工具列中提供了自動修正、旋轉、裁剪、調整曝光、調整顏色、銳利度及消除紅眼的功能。
↓圖3: 除了基本的編輯功能之外還提供了一鍵特效，只要按一下就可以馬上套用，很方便，下面這張照片是使用柔膠過後的效果。由右邊的 Coming Soon 按鈕來猜測之後應該會有其他的特效推出。
↓圖4: 修改完之後再來就是存檔，如果有 Flickr 帳號的話可以儲存到 Flickr，或是也可以寄到 Email 信箱、存到本地端電腦等等…
↓圖5: Picnik 還提供了一個不錯的功能，就是把 Flickr 的照片輸出為 Slideshow (幻燈片)，設定好要輸出的照片及 Slideshow 大小後把 HTML 貼在部落格或是網頁上就行了。

由網友 Allen 所製作/整理的台灣 Web2.0 網站分類，目前所整理出來的分類有部落格服務、部落格相關、網路書籤、影音分享、交友、分類廣告、新聞、知識、網路地圖、綜合類及其他應用。
這網站可以說是 Taiwan Web2.0 網站的索引，希望將來能夠看到更多的 logo 出現在上面，當有越來越多的 logo 出現時便表示台灣的網路生態生生不息，永遠都有新氣象 :)
Taiwan Web2.0: http://www.taiwanweb20.com/

YouTubeX 是一個能幫助使用者下載 YouTube 上的影片到自己電腦的工具網站，當在 YouTube 看到不錯的影片而想要保存在自己的電腦裡時將會非常有用。
使用 YouTubeX 的方法很簡單，首先把影片在 YouTube 的網址複製下來，網址可以在影片網頁的 URL 欄位取得，如下圖所顯示的:

接下來把網址貼到 YouTubeX，然後按下 Get Video!，稍待數秒 (大概 2-3 秒，很快) 便可以在下面取得下載影片的網址，這時可以直接按 >>Download<< 下載影片，或是複製連結的網址使用續傳軟體下載。

記得下載完畢後必需更改檔案的副檔名為 .flv，才能被播放軟體正確的播放。

在這個言必談 Web 2.0 的時代，不管是新推出的網站，或是舊有網站的改版，介面一定是漂漂亮亮的、粉粉的、顏色鮮明的，版面設計最好是要有圓角，logo 裡的字一定要帶有倒影，最後再蓋上 “beta” 這個帥氣到不行的 Web 2.0 精典 (或精神？) 標緻。因應這個朝流，網路上也開始出現了一些「如何設計才能更符合 Web 2.0」的教學文章，諸如配色、樣式、按鈕之類的，或是甚至直接幫你在線上快速產生一個有 Web 2.0 味道的 logo 或是網站名稱。那麼下面就把我之前有接觸過的網站或是文章整理出一個「不完全」列表:

Web 2.0 Logo Creator by Alex P只要輸入文字，就能快速的產生帶有倒影及 beta 字樣的 Web2.0 超級 logo。剛才去看的時候發現網站好像有一點問題，不知道是不是太多人用，用到爆了…

Web 2.0 Company Name Generator除了要有漂亮的介面之外，網站當然也要取一個有 Web2.0 味道的名稱。按下網頁的 Generate Name! 扭，便會以亂數拼出一個名稱，當然程式裡的規則是有設計過的，所以拼出來的名稱並不會讓人覺得無厘頭，有一些反而還蠻有質感的呢。除此之外還提供了檢查名稱是否已經被人家註冊為網址的功能。

Ajax loading gif generator說到 Web 2.0 網站，多多少少一定會運用 ajax，這個線上工具能夠產生網頁 loading 時所顯示的動畫。

Simple Rounded Corner CSS Boxes made easy圓角在也是被 Web 2.0 網站拿來大量使用的視覺元素之一，這網站能幫助我們以 CSS 樣式配合背景圖片設計圓角。

Web 2.0 Design Kit這是一篇「如何使用 Photoshop 設計 Web2.0 logo」的教學，淺顯易懂的範例帶領使用者設計出一個屬於自己的 Web2.0 logo。別忘了還有 Part2。

Web 2.0 how-to design style guide這篇文章列舉了 15 項常被用來設計 Web2.0 網站的元素，例如簡單乾淨的樣式、版面置中、明顯的 logo、強烈的顏色等等，並解說為什麼要這樣用，使用的適合時機，要用在什麼地方，蠻值得一讀的。柏強在這裡做了一個這篇文章的摘要簡譯。

Web 2.0 style buttons同樣是使用 Photoshop 為教學範例的一篇「設計 Web2.0 樣式按鈕」的教學文章。

Web 2.0 Colour Palette這篇文章整理出一些知名 Web2.0 網站的用色，秀過這些顏色可以依照自己的感覺再組合出一套完美的 Web …

有在玩軟體的人應該對綠色工廠這個網站 (部落格？) 還蠻熟悉的吧。我是一直到10幾天前才發現有這個好站，它主要是介紹一些功能實用，大小不到1MB的軟體，而且是不需要安裝的綠色軟體。
下面是從綠色工廠發現到的幾個實用軟體:

Undelete 2.51 (官網已經有 2.52 可以下載了)功能: 把誤刪的檔案救回來
Fastcopy V1.51號稱是最快的檔案拷備工具，受不了 Windows 檔案總管傳輸龜速的人可以試試。
MemTest 3.4可在視窗環境下執行的記憶體檢測工具

對了，要在綠色工廠下載軟體的話得用一點小技巧，基本上就是把軟體圖片另存新檔然後把副檔名改為 .zip 再解壓就行了。不過是用什麼技術把檔案偽裝成圖片又不讓圖片的大小在網路上變的跟檔案一樣大，還蠻令人好奇的。最後要叮寧的就是，不要看了綠色工廠右上角的圖片後因為太過血脈噴張而亂留言，因為站長已經開始不爽了 XD

polldaddy 是一款網路投票工具，只需要簡單的註冊後就可以開始設定投票項目，然後貼在 blog 或是網頁上供網友票選。在投票項目方面沒有數量限制。外觀則有現成的14種樣式可以選擇甚至還能自由地用 CSS 設定。如果你的部落格不支援 Javascript 的話可以選擇以 Flash 輸出投票主題。
polldaddy 還提供了 widget 功能，你可以把投票主題指派到一個 widget，然後把 widget 的原始碼貼在 blog 上，若是下次你有另一個投票主題的話，則可以在 polldaddy 內把該主題指派到先前的 widget，這麼一來你就不需要再更改 blog 上的原始碼，對於時常有不同投票主題的部落格來說這是一個很方便的工具。
如果想隨時知道票選結果，polldaddy 還很貼心的提供了 RSS，每小時會更新一次結果，透過 RSS 隨時掌握最新票選情況。

在瀏覽網站的時候，常常會看到有用的資訊，使用者通常會把這些資訊保存起來，方便日後查詢。除了把這些資訊儲存在本地端的地腦之外，存放在網路會是一個不錯的選擇。Google Notebook 便是能夠滿足這種需求的服務，它就好比是一本存放在網路上的筆記本，使用者可以在任何有網路的地方使用它。
在使用 Google Notebook 之前必需先登入 Google 帳戶，然後安裝適用的擴充套件:

For Firefox http://www.google.com/notebook/download/
For Internet Explorer 6: http://dl.google.com/notebook/GoogleNotebookSetup.exe

那麼下面就來看圖說故事吧 (以 Firefox 為範例):
圖1: 選擇我們要保存的文字片段 (圖片同樣也可以保存)，然後按右鍵，點選 Note this (Google Notebook)。
圖2: 這時會在瀏覽器的右下角顯示一個小視窗，裡面會列出剛才加入筆記。Actions 選單提供了一些對 Google Notebook 的操作功能。Google Notebook 小視窗的開啟或關閉可以從狀態列的按鈕執行。
圖3: Actions -> New notebook，新增一本筆記本。
圖4: Actions -> Add section heading 在筆記本裡建立多個記事分類
圖5: 除了保存網頁的資訊之外，我們還可以自由新增筆記 (按 Add note)
圖6: Google Notebook 的網頁介面，允許以拖曳的方式整理筆記本裡的項目。
Google Notebook 除了給自己看之外，還允許使用者把筆記本以網頁的型式公開，並給你一個網址。其他人可以進入閱讀你的筆記。Google Notebook 目前還在實驗室裡，所以不算是一個正式的服務，在使用的時候要特別注意。雖然如此，但它不失為一個實用的線上工具 :)