2009年8月19日星期三

Firefox 介面大瘦身五: 用Fission 在網址列顯示網頁載入情況省去狀態列的空間

Google Chrome 設計上其中一個優點是把狀態列以非固定空間顯示,如下圖。image

透過 Fission 這 Extension,我們可把網頁載入情況及超連結的URL 在網址列上顯示,省去狀態列的空間。


套件: Fission
做法: 在 addons.mozilla.org 網站直接安裝後,重新啟動Firefox,修改 Fission 的設定,選”Connection status at the right of the address bar” 及”Active link/Mouse-over link in the address bar”。

image

然後,按Alt+v,再按b 隱藏狀態列。
效果:當網頁載入時,網址列顯示載入的情況及進度。

image

當滑鼠移到超連結之上,網址列的網站圖示便會變成下圖紅圈的樣子,並顯示超連結的網址。

image

經過這五篇,我們談過把瀏覽器標題列選單列書籤列、狀態列隱藏的方式,也有把網址列瘦身的技巧,下一篇談談分頁標籤列 (Tab Bar)的改造。

2009年8月13日星期四

Firefox 介面大瘦身四:像Google Chrome一樣,網址列整合搜尋功能及其它小修改

自3.0版本 後,Firefox 增加了Awesome Bar 的功能,讓我們可以在網址列搜尋自已的書籤和上網紀錄 (History),但Google Chrome 的Omnibar 更厲害,可直接在網址列向網上的搜尋引擎作出查詢。其實,Firefox 用戶可安裝 Omnibar 這Extension,像Google Chrome一樣,讓網址列整合搜尋功能。

套件: Omnibar

做法: 在 addons.mozilla.org 網站直接安裝,之後,由於功能與 Search Bar 重疊,可把 Search Bar 收回「自訂」的工具視窗。

效果:如下圖,

image

多了Google 的搜尋建議image

安裝完成後,由於功能與搜尋框(Search Bar) 重疊可把搜尋框隱藏令瀏覽列有更多空間放置其它工具的圖示。在選單列(Menu Bar) right click,選自訂(Customize…)後,把搜尋框拖回自訂的視窗。

瀏覽列選用小圖示

另外,使用小圖示可把瀏覽列縮窄一些。

做法: 按ALT後,在選單列右按,選客制化(Customize…)後,剔選”用小圖示” (Use Small Icons)

image

效果:如下圖

image

下一篇:Firefox 介面大瘦身五: 用Fission 在網址列顯示網頁載入情況省去狀態列的空間

Firefox 介面大瘦身三: Chrome 一般隱藏瀏覽器名稱列(Title Bar)及彷IE或Safari 隱藏選單列(Menu Bar)

接上文 (Firefox 介面大瘦身二: 自動隱藏書籤列),為了在Firefox 上擠出多一點縱向的空間,配合使用 Hide Menubar 和 Hide Caption 這兩個 Firefox Extension 套件,可節省多兩個工具列的空間。

1. Chrome 一般隱藏瀏覽器的名稱列

套件:Hide Caption

做法:在 addons.mozilla.org 網站直接安裝
效果: 瀏覽器的名稱列與選單列二合為一image

2. 彷IE或Safari 隱藏選單列
套件: Hide Menubar
做法:在 addons.mozilla.org 網站直接安裝
效果:按下ALT鍵,暫時顯示選單列。

image

按多下ALT鍵,隱藏選單列。

image

套用了Hide Caption 之後,Firefox 會少了外框,但這問題不大,因多數情況我們是會把Firefox 放到最大的(尤其是Netbook)。

下一篇:Firefox 介面大瘦身四:像Google Chrome一樣,網址列整合搜尋功能及其它小修改

2009年8月12日星期三

Firefox 介面大瘦身二: 自動隱藏書籤列(Bookmarks Toolbar)

本來書籤列(Bookmark Toolbar)並非瀏覽器必然顯示的工具列,但論方便程度,相信很多人都會把它顯示出來。但它又佔了瀏覽器頂部的空間,惟有把它自動隱藏,節省一些空間。

參考網站:http://userstyles.org/styles/6599
做法: 修改UserChrome.css 檔案,加入下面的程式碼,重新啟動Firefox,書籤列便可自動隱藏

#PersonalToolbar {
visibility: collapse !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
}

效果:當滑鼠移到瀏覽列,書籤列自動打開 !

image

當滑鼠移開,書籤列自動隱藏 !

image另外,我安裝了 Hide Favicons 讓書籤列像 Safari 一樣不顯示網站圖示,感覺上美觀點!

Smart Bookmarks Bar 這套件雖然也可做到自動隱藏書籤列,但由於我在書籤列放了好幾個沒 Favicon 的Bookmarklet ,用這套件便不大美觀啊!

下篇我們談談如何像IE 或 Safari 般隱藏選單列 (Menu Bar)

Firefox 介面大瘦身三: Chrome 一般隱藏瀏覽器名稱列(Title Bar)及彷IE或Safari 隱藏選單列(Menu Bar)

2009年8月4日星期二

下一代的瀏覽器應該長這樣,我的Firefox 介面大瘦身

現今的屏幕由4:3跳到16:10,是變寬了,但比例上長度卻減少了6份之1,相對上縱向顯示網頁內容的空間像少了一截。

瀏覽器的名稱列(Title Bar)、書籤列(Bookmark ToolBar)、瀏覽列(Navigation ToolBar)、分頁標籤列(Tab Bar)再加上其它工具列例如Google Toolbar等,瀏覽器的頂部已經是寸土必爭的地方!所以Google Chrome或新版的Firefox 4.0 只能在"取消瀏覽器的名稱列"這方面動腦筋。

tabs_on_top_firefox_4.0_sm▲Firefox 4.0  的初步設計 (Credit:zdnet.com.tw)

我們看看下面這張圖,這是一般Firefox 的工具列排列,瀏覽器的名稱列(1)、選單列(2)、瀏覽列(3)、書籤列(4)、分頁標籤列(5)和狀態列(6),總共佔去了畫面約五份之一的空間,在小螢幕的netbook 大行其道的今天來說,這樣的空間分配對解析度只有1024x600的小筆電絕對是一種奢侈!

image

很明顯,Google Chrome與 Firefox 4.0 的設計者明白到這種浪費,在設計上取消了瀏覽器的名稱列,賺回一個單位的空間,但這足夠嗎?

瀏覽器設計者們,請向書籤列和分頁標籤列動動腦筋啊!

我嘗試以現有的Firefox 的套件(extension) 把現時各種瀏覽器節省空間的優點,套用在我的Firefox 3.5 上,看看能擠出多少空間來。

下圖是Firefox 經修改後,在1280X800解析度下,把Firefox放到最大的顯示效果,工具列只佔去螢幕約25份之1的空間。

image

當然,這樣的組合還不算完美,例如找不到能把分頁標籤 Tab 像記事簿般以垂直顯示的套件,若于功能也犧牲掉,但我希望瀏覽器的設計者們能聽到小筆電用戶的須求,設計出更適合在小筆電上使用的新瀏覽器。

Firefox 介面瘦身組合

安裝以下套件:

All-in-One Sidebar
Fission
Firefox Showcase
Hide Caption
Hide Favicons
Hide Menubar
Speed Dial
Tab Scope
VertTabBar
Omnibar
Speed Dial

修改 UserChrome.rss --自動隱藏書籤列

下一篇:Firefox 介面大瘦身一: 自動隱藏書籤列

2009年7月31日星期五

Google廣東話輸入法好像怪怪的 ?其實它已盡了力!只是香港的廣東話太怪!

今天看到這篇 “Google廣東話輸入法好像怪怪的”,到香港Google 試了一會,我覺得Google 已做得很好。說怪的話只是香港人的粵語拼音怪吧!

優點一:能用名字縮寫,例如用cym搜到周慧敏image

用cyf 找到周潤發, well done!image

再試找金鳳茶餐廳,打kam已能成功跳出金字開頭的熱門字詞。

image

看,成功找到金鳳了!

image

找特首看看…連政務司長也找到。image

我考考它,衛蘭的英文名字是 Janice Vidal,我打”wai l”它便知我找誰了,AWESOME!image

再來,”o靚模”,你終於有辦不到的事啊!image

為了挽回臉子,港鐵這些簡稱也搜給我!image

我用Day拼”地”字,這樣的怪拼也搜到!image 

食物也一樣可以!找到芋頭!image

地方名,大河道,OK!image

莫名奇妙的拼音標準

“街市街”,我這樣拼便找不到了。但找到佳士得…image

我朋友叫阿佳,香港身份證明明是拼作”KAI”,難道香港政府也不跟標準!?

image 

街和佳是同音字啊!奇怪!image

參考<粵音韻彙>得出街字應該是拼作”gaai” image

用”gaai”試一下,OMG!

image 

調整一下,除了Aaron,這世上很少兩個a的組合,好,我試試用”gai”,oh! I got it!image

Google 啊,但是<粵音韻彙>說市字應該拼作”si”

image

試用”si”,也可得出街市街!image

結論

在維基百科上,找到香港的拼音方案已有兩種,香港的教育學院拼音方案香港語言學學會粵語拼音方案 ,再加上懶音,語言的演變,和一些約定俗成,流行文化例如MSN上的拼音中文,Google 上的表現,已經算超額完成。

視頻教學:RSS和Google Reader 是什麼?能吃的嗎?

又是Commoncraft的出品,其中的一句”它很容易上癮,所以要小心!”

是說我嗎?

image

什麼是RSS? 維基百科是這樣說的,

RSS簡易資訊聚合)是一種消息來源格式規範,用以發佈經常更新資料的網站,例如部落格文章、新聞、音訊視訊的網摘。RSS文件(或稱做摘要、網路摘要、或頻更新,提供到能道)包含了全文或是節錄的文字,再加上發用者所訂閱之網摘佈資料和授權的元數據。網路摘要專業層面能夠者自和閱讀網摘的使動地發佈他們的資料,同時也使讀者能更夠定期更新他們喜歡的網站或是聚合不同網站的網摘。RSS摘要可以藉由RSS閱讀器、feed reader或是aggregator等網頁或以桌面為架構的軟體來閱讀。

難懂嗎?是Commoncraft的Show Time了!

Google Reader的介紹:

2009年7月30日星期四

用簡單易明的影片教你什麼是網絡釣魚(中文字幕)

又是Commoncraft出品。

image

什麼是網絡釣魚(中文字幕):

什麼是 Google Voice? 火柴人話你知

最近,Google Voice 因為被蘋果 App Store 封殺,再度成為焦點,但到底什麼是 Google Voice 呢? 原來5月的時候 Google 已經將火柴人影片放了上Youtube,解釋得清清楚楚。 (段片有點似CommonCraft的風格!?)

image

以下是英語影片。(如找到字幕的話,請通知我)

2009年7月24日星期五

影片分享:電腦組裝技巧詳細解釋,適合入門到進階用戶觀看

昨天從 Maximum PC 的網站看到這篇 Video: How to Build a PC - Every Step Explained ,15分鐘內教授電腦組裝技巧,很有用。

2009年7月21日星期二

在五種瀏覽器上開新分頁的技巧 (IE, Firefox, Safari, Chrome, Opera)

今天在”0與1的邂逅”看到這篇 [Firefox 小技巧] 不須任何擴充套件即可輕鬆複製分頁 (Firefox 3 以上適用),這技巧很有趣,引文如下:

當我們在瀏覽網頁的時候,會因為某些原因而必須複製目前正在閱讀的分頁。例如有人喜歡在讀網路長文時,打開兩個分頁方便對照文章的前後部份。

在還不知道這個小技巧之前,一般人的作法就是先開一個新分頁,然後將在前一個分頁複製的網址貼上。不過利用以下的小技巧可以更快速地複製分頁,而且不須任何擴充套件的幫忙:按住 Ctrl 不放,然後再拖曳分頁標籤到標籤列上想要的位置。

複製出來的新分頁還會自動保留上一個分頁的閱讀位置,因此就算在前一個分頁做了其它事情也不會錯過之前的閱讀進度。

其實除了上述的方法外,還有:

  • 純鍵盤式:Alt+D  (跳到網址列) 再按 Alt+Enter (在新分頁打開) ,IE 7, Safari 4, Google Chrome 2.0, Firefox 3 也適用,Opera 9: Alt+D  再按 Shift+Enter。
  • 純滑鼠式: 按住網址列最前面的網站圖示(Favicon)不放,然後再拖曳到標籤列上想要的位置。 (圖一)

image ▲圖一:這技巧 Google Chrome, Safari 4.0 和 Opera 9 也適用 (即是IE 7例外)

其它瀏覽器開相同的分頁的技巧

image▲圖二:Google Chrome 2.0: 由於Chrome 還保留著三角形的”Go”按鈕,在上面按滑鼠中鍵便能開啟相同網址的分頁,而筆記本型電腦便要用 Ctrl+觸控板左鍵代替。

image ▲圖三:Google Chrome 2.0: 另外在分頁上按滑鼠右鍵便能開啟上圖的選單,按”Duplicate”開啟相同網址的分頁。

image  ▲圖四:Opera 9: 跟Google Chrome一樣,在分頁上按滑鼠右鍵便能開啟上圖的選單,按”Duplicate Tab”開啟相同網址的分頁。

image▲圖五:Firefox 3 的綠箭嘴按鈕可透過修改userchrome.css 檔令它永遠在網址列顯示,如此便可用滑鼠中鍵開啟相同網址的分頁。

以下表格列出一些常用的分頁技巧:

  IE7 FF3 Safari 4 Chrome 2 Opera 9
Ctrl+E 跳到搜尋列 Yes Yes Yes 網址列=搜尋列 (圖六) Yes
Alt+D 或Ctrl+L 跳到網址列 只可用Alt+D (圖九) Yes Yes Yes Yes
在搜尋列按Alt+Enter 開啟搜尋結果的分頁 Yes Yes Yes Yes Shift+Enter代替 (圖八)
Ctrl+W 關閉分頁 Yes Yes Yes Yes Yes
在分頁上按滑鼠中鍵關閉分頁 Yes Yes Yes Yes Yes
在超連結上按Ctrl+滑鼠/觸控板左鍵,在新分頁開超連結的網址 Yes Yes Yes Yes Shift+滑鼠/觸控板左鍵
在超連結上按滑鼠中鍵,在新分頁開超連結的網址 Yes Yes Yes Yes Yes
Ctrl+T 開新的分頁 Yes Yes Yes Yes Yes
在分頁上按滑鼠右鍵開啟選單,選”Duplicate”開啟相同網址的分頁。 No No No Yes Yes
按住網址列最前面的網站圖示(Favicon)不放,然後再拖曳到標籤列上想要的位置,開啟相同網址的分頁。 No Yes Yes & No (圖七) Yes Yes

image ▲圖六:沒有搜尋列的Google Chrome,直接把要搜尋的關鍵字打在網址列去問谷歌大神

image ▲圖七:由Safari 4的標籤列只在多於一個分頁時出現,所以”按住網址列最前面的網站圖示(Favicon)不放,然後再拖曳到標籤列上想要的位置去開啟相同網址的分頁”的技巧只在第二個或以上的分頁有效!!

image▲圖八:Opera 9: 在搜尋列按Shift+Enter 開啟搜尋結果的分頁

image ▲圖九:IE7: 與別不同的只能用 Alt+D 跳到網址列

如有遺漏,請留言指正。

2009年7月20日星期一

Readability 書籤列小工具,只把網頁主要內文顯示,把閱讀的樂趣帶回來

很多網站的廣告也會用上 Flash 或 閃爍的文字,希望吸引瀏覽的人點擊,但當要閱讀這些網頁內文時,這些東西不停的在內文四周閃爍,真的很煩。

例如下圖的網頁,閃爍的網頁元件便有五個。

image

使用 Readability 書籤列小工具(bookmarklet) 後,見下圖:

image

網頁是不是變得很易讀,有興趣的話,請到 Readability 的網頁,自訂你想要的閱讀風格、字型大小和寬度,然後把 “Readability” 的圖示拖到書籤列即可。

image

另外,使用 Readability 後,打印網頁便能減去無用的廣告和目錄。

但須要留意的是,由於每個網頁設計也有不同, Readability 未必每次也能成功抓到主要內文。例如這網頁,留言的字數比主文還要多,用了 Readability 之後便顯示成那篇長長的留言。

最後,附上 Readability 的影片介紹