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教學+比較表

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

Slack 完整教學與上手心得:找到正確的團隊溝通之道

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

最簡單養成習慣方法是「解決問題」,不靠時間表、獎懲與意志力

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

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

為什麼大家愛用 Trello ?最佳整理教學讓事情井然有序

Miro 遠距工作開視覺會議的免費強大白板,專案圖解實例教學

Excalidraw 免費 AI 生成流程圖,一鍵畫出知識圖表、專案流程、寫作大綱