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分鐘內教授電腦組裝技巧,很有用。