Myfav.es 為瀏覽器首頁設定超有FU常用網站牆,你會怎麼設計?

myfaves-01

之前有一陣子我很喜歡研究「雲端瀏覽器首頁」服務,例如「Fav4.org 許一個簡單有效瀏覽器首頁,選四個上網開工新起點」就是我那時很喜歡的線上首頁訂製工具,後來Fav4.org做了次大幅度的改版,網站也更名為「Myfav.es」,在新版服務中不再限制只能選四個常用網站,不僅開放讓用戶想放幾個網站就放幾個,而且還提供了非常多有趣的首頁設計工具與素材。

例如本文開頭圖片,我可以自行利用Myfav.es提供的圖形素材,在首頁上排出「有意思」的組合,而網站、圖示、特效與排列方式都可以隨意指定。

另外Myfav.es也包含了一般線上首頁服務所沒有的特殊功能,像是Myfav.es提供了「個人化公開網址」,讓用戶可以把自己的首頁設計與他人分享;還支援可以顯示GmailGoogle Reader「未讀計數」的元件;以及有專屬的「HTML5」版本,用戶可以快速的,甚至離線打開自己的線上首頁。

 

 

  • 01.選取常用網站按鈕

Myfav.es不需要註冊登入,就可以使用網站「大多數」的功能,在沒有登入的情況下,你的設定與修改都會儲存在瀏覽器的紀錄檔中,只要你沒有清除這個記錄檔,下次打開瀏覽器來到Myfav.es,就會看到之前設計好的頁面。

我們可以從Myfav.es網站右下方的設定按鈕進入選項畫面,切換到〔Edit My Sites〕頁面,在這裡我們可以選取要放到首頁的各種網站按鈕。

Myfav.es預設已經內建了大多數知名網站,我們直接透過〔Add〕添加即可。

myfaves-04

 

 

  • 02.自訂常用網站圖示與網址

新版Myfav.es最好玩的地方,在於用戶可以利用內建提供的大量圖庫,自己決定、自己設計常用網站按鈕。

在〔Edit My Sites〕頁面切換到〔Create a Fave〕,這裡有非常多圖示素材讓用戶挑選,從各種物品剪影到英文字母都有,例如本文開頭圖片所使用的圖示就全部都是這裡的素材。

myfaves-05

挑選一個自己喜歡的圖示後,選擇〔Add〕,輸入要連結的網站網址,並且選擇按鈕的底色,這樣就能自訂好一顆新按鈕囉!

myfaves-06

 

 

  • 03.快速編輯常用網站清單

我自己覺得最快的編輯方法,就是先在〔Create a Fave〕中隨意把自己喜歡的按鈕都Add進來,但是先不要決定連結什麼網站,一開始就是先Add按鈕就好。

然後接著進入〔My Faves〕分頁,這裡會列出所有用戶挑選出來的圖示,這時候我們可以直接從清單去改變每一個按鈕的網址與配色!也可以透過拖曳移動按鈕的排列位置。

推薦大家可以用上述的方法來編輯、設計常用網站排版,這樣應該是最有效率的。

myfaves-07

 

 

  • 04.設計首頁版型樣式

然後我們從更上一層的分頁列上,切換到〔Customize〕頁面,這裡有多種網頁版型、佈景、按鈕樣式和首頁設定可以調整。

myfaves-08myfaves-09

在〔Preferences〕中,我們可以幫首頁加上一個搜尋列,也可以設定點擊按鈕後一定將網站打開到新分頁等等。

myfaves-10

 

 

  • 05.註冊個人帳號與專屬網址

前面所說的設定都不需要註冊就能使用,也能在「單機」裡保存設定。

而是如果你想換一台電腦後繼續使用同樣的設計,那麼就可以註冊一個帳號。從右上方選擇要登入Myfav.es,這時候會讓你使用facebook、twitter、Google或OpenID帳戶連結註冊。

myfaves-02

註冊完成後,除了可以長久保存自己的設定,更重要的是可以自訂一個「專屬網址」,例如我的網址是:「http://www.myfav.es/playpc,用戶還可以選擇是否要公開這個網址(Make your myfav.es page public)。

myfaves-03

 

 

  • 06.顯示未讀計數的Badge

此外,在〔My Account〕頁面中還會有一個「Notification Badges」選項,勾選後輸入自己的Google帳號密碼,那麼你的Gmail、Google Reader就可以獲得「未讀計數」功能。

myfaves-11

這樣一來,你就可以直接從Myfav.es首頁上知道是不是有新郵件或新文章了!

myfaves-15

 

 

  • 07.開啟超快,可離線瀏覽的HTML5首頁

Myfav.es還另外提供了「HTML5」版本,這個版本可以把網頁內容儲存在本機中,主要的用途是「加快」網站的開啟速度。

尤其當你把Myfav.es HTML5版本設定為瀏覽器首頁時,以後打開瀏覽器就能「瞬間」打開Myfav.es了!(其他很適合做首頁的HTML5服務還有:dooity.com 不只是HTML5示範,可離線用的線上ToDo List App)。

當然,既然是HTML5版本,所以離線時也可以打開,只是常用網站首頁要離線打開來幹嘛?這在目前看起來尚未有很大的必要性,除非以後的常用網站也都是「HTML5離線版」!

myfaves-16

 

 

  • 小結:大家一起來分享自己設計的Myfav.es首頁吧!

myfaves-13

Myfav.es在版面與操作上都非常的簡潔有力,而且在細節調整上又有非常豐富的彈性,做為一個「常用網站首頁」的服務來說,Myfav.es不只提供你快速啟動的效率,也提供了一種「有感覺」的視覺呈現。

尤其我特別喜歡Myfav.es的自訂按鈕圖示功能,透過各種物品剪影、示意圖案,到英文、數字字母,用戶可以非常有變化的排列出有趣的首頁,增加網路使用時的幽默感,這也是很重要的喔!

最後,我想邀請有興趣玩玩看這個服務的朋友,如果願意的話,一起來留言分享你的Myfav.es設計頁面網址吧!讓大家一起激盪看看可以怎麼設計自己的瀏覽器首頁。

留言

  1. 一直都想要像是Safari那種全覽書籤特效的東西
    終於找到了,先謝

    回覆刪除
  2. 很有趣的東西 我還以為我在用MAC ><

    回覆刪除
  3. google閱讀器的未閱讀顯示怪怪的,跟真實的有一段差距= =

    回覆刪除
  4. 那些圖標好像不能自己命名名稱的樣子?

    回覆刪除
    回覆
    1. 圖標不能自己命名好傷阿~大缺點~

      刪除
  5. 請問:我設定完後,結果用ccleaner清裡系統時,我方才設定就被清除了,請問用Myfav.es HTML5版本是否可解決此一問題?

    回覆刪除
  6. 這是一定的,因為ccleaner會去清除瀏覽器內容記錄,

    至於使用HTML 5版本,ccleaner好像也會清除,我不太確定,沒有實際試過。

    如果真的很有需要保存,最好的方法還是註冊一個帳號啦^^

    回覆刪除
  7. 請問如何更改chrome的設定? 讓在chrome打開新分頁時也是顯示myfav.es?

    回覆刪除
  8. 給樓上的,你需要的是newtab redirect http://goo.gl/HL5wY

    回覆刪除
  9. 很可惜 Plurk 一直都不受國外服務注意
    目前只能用 P + 橘色背景代替。。。
    找了一下好像還沒有自己上傳 icon 圖片的功能?

    另外想問一下
    我使用它內建的 Google 搜尋
    搜尋預設的語言是英文
    目前是不是無法改成中文的?

    回覆刪除
  10. 我自己是將google網址加上.tw就會變成中文的
    但是有時候設定會消失 不知道是不是ccleaner造成的

    另外感覺他好像一直在更新耶
    今天用了以後好像沒有開啟分頁的選項

    回覆刪除
  11. 還是有耶

    在customize的「Open links in new window」

    回覆刪除
  12. 06.顯示未讀計數的Badge"t"

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

微軟 Bing AI 繪圖工具 Image Creator 免費開放,30秒輕鬆生成圖片

Google Maps 我的地圖完全教學!規劃自助旅行攻略

3個 ChatGPT 輸入到輸出實驗,第二大腦筆記用 AI 生成文章報告

Arc 瀏覽器 windows 版測試心得,用四大介面改造升級專注工作流

Google 表單的 10 個專業問卷調查設計秘密教學

如何為筆記命名,建立搜尋規則?我的標題、分類、標籤命名法

Draw.io 中文線上製作流程圖首選!專業水準完全免費

如何用 ChatGPT 加速生成一份有圖有文的簡報,實戰案例教學

Google 表單自動關閉回覆教學:時間人數到達就過期