2010-09-22

客製化個人專屬的網頁樣貌,所見即所得的 css 學習 - stylebot





Google Open Source Blog 看到的一個很酷炫的套件 stylebot 和大家分享。對於不是很懂網頁排版語言的人來說,要調整網站或者部落格的排版經常是一件繁瑣且令人頭大的事情。stylebot 就像是一個所見即所得的套件,讓那些繁瑣的 CSS 程式碼,化身成為像是 word 當中的一些排版按鈕和表單。

只需要透過選取網頁中的元件,你就可以透過表單的方式來修改他的外貌,並且修改過後,下一次你在來到同一個網頁,他就會以上次修改過後的樣貌呈現;也就是說,如果你覺得某個你經常造訪的網站編排的很醜的話,你可以自己幫他修改:行距加寬、字體換掉、等等...。

此外,也可以透過這樣的工具來學習 css 語法,當你每用表單進行一次修改調整後,你就可以按下 Edit CSS 按鈕,看看剛剛自己的修改,轉換成程式碼的樣子是怎麼樣,這種所見即所的的方式,可以說是學習最佳途徑。

對於專業的網頁設計師來說,也有 Advanced mode,在這個模式下,對於網頁的修改就不局限於表單中的選項,城市設計師可以自己寫 CSS 代碼,看看會產生怎麼樣酷炫的效果。

不論你是想要好好把自己的網站排版修改的美美的苦手,或是專業的網頁設計師,我想這都是一個很不錯的工具,推薦給大家!

套件下載位置:https://chrome.google.com/extensions/detail/oiaejidbmkiecgbjeifoejpgmdaleoha

......


2010-09-19

適合研究使用的 Chrome 整合搜尋套件 - Apture





Google Student Blog 那邊看到的一些適合學術研究的套件介紹,其中 Diigo 是我一直就有在使用的資源收集套件,他的 highlight 功能更是讓人喜愛,當針對某個主題要收集資料的時候,就可以將相關的網路資料以群組或者標籤的方式聚合起來,並且還可以畫重點甚至分享給朋友。

另一個當中分享的套件,裝起來試用之後,覺得還挺不錯的。其實就是一個整合的小搜尋器 Apture,然後不需要跳轉頁面就可以在小視窗當中看到搜尋的結果,當你用滑鼠選取了一個字詞,並點選套件提供的 search 按鈕,Apture 就自動針對 Wikipedia, Google, Images, Videos 甚至是字典,幫你把搜尋的結果整理好秀出來。

影片和圖片都可以直接在小視窗當中直接播放,這樣一來更可以減少以往不斷的跳轉頁面造成的分心,讓我們可以更專注在眼前的資料,值得一提的是他也包含了字典的搜尋,所以幾乎可以取代部分字典套件的需求。錦上添花的是,他還提供了一個 toolbar,預設是以 Ctrl+Shift+L 來呼叫。

具備了社群分享的功能,facebook, twitter 和 email 的分享,但是分享部分我基本上都是透過 Ping.fm 的 bookmarklet 運作,所以這個功能對我來說就還好。如果你經常需要收集查找網路資料的話,那麼推薦你安裝這個套件,當然還有他文中介紹的另外兩個套件,都相當不錯呢!可以跳轉到此 影片 觀看操作的示範!

......


2010-09-16

Chrome 快速鍵,支援純文字貼上 plain text paste



許多時候我們需要作複製貼上的動作,但是又不希望連同來源的格式都一起複製過來,我們只想要複製乾乾淨淨沒有任何奇怪裝飾和五顏六色的文字。通常個瀏覽器都有相應的套件,或者是你可以先把複製的東西貼到瀏覽器的 search bar 在把它剪下來。

今天發現原來 Chrome 其實有一組貼上快速鍵,可以消除複製文字的格式,讓你乾乾淨淨的貼上,這組快速鍵就叫做 Ctrl+Shift+V,蘋果電腦上面相應的快速鍵稍微複雜一些,Cmd+Option+Shift+V,科科,還真的會讓手打結,但是要用到的時候,就會為之讚嘆阿!

資料來源:http://chrome.blogspot.com/2010/09/tip-just-text-please.html

......


2010-09-12

Instant 熱潮,什麼都給它 instant 一下





繼 Google Instant, Youtube Instant, Map Instant 之後,有人索性搞了一個 instantise.com,多了 Image Instant, Twitter Instant, Techmeme Instant, 等等...

我們準備好面對什麼都 instant 的未來了嗎,話說回來 image Instant 我覺得還不錯,呵呵!凡事都給它 instant 一下,說不定會有意外的收穫阿!

......


2010-09-11

Youtube 搜尋也來 Instant





一位史丹佛的學生仿效 Google Instant 弄了一個 Youtube Instant,輸入關鍵字的同時,底下的影片就根據猜測你要輸入的關鍵字,找了影片就馬上播給你看。

就我使用 Google Instant 的狀況來說,也許是使用的時間還不夠,感覺不太出來在搜尋的同時,底下的結果不停的閃動有什麼太大的幫助;不過我覺得一個強大的建議系統是需要的 (在自己也不知道該下什麼關鍵字的時候,跳出來的提示系統)。這時候 Instant 就可以拿來快速的檢驗這組關鍵字是否正確的描述你的需求。但是矛盾的是,就是因為不知道所要才要搜尋,在了解那件事情之前,又怎麼會知道那樣的結果是對的呢,所以最後還是難逃一個一個點進去看的命運嗎?

在回頭看看影片的 Instant,使用的情境大多是有目標性的,想要看某個節目、影集、MV 等等之類的,如果起先不知道影集或是歌曲的名稱,我是都會先跳去 Google 搜尋,知道了在去 Youtube 上頭找。也許不同的搜尋標的物,會有截然不同的搜尋方式,對 Instant 的需求也各不相同,雖然不知道這個 Youtube Instant 篩選的依據是什麼,但是觀察每個關鍵字所找到的第一個影片也挺有意思的,難怪在他發佈這個服務之後,就被 Youtube 獵人頭了...

......


2010-09-05

開啟臉書帳號登入監控,降低帳號被盜風險 - facebook account login monitor



電腦玩物那邊看到的一個臉書新功能,對於隱私權的管理又多了一層保護機制。在帳號設定 >> 帳號安全 當中,可以看到 "登入通知" 的字樣,簡單來說這個地方會記錄哪些電腦最近有用你的臉書帳號登入臉書;換句話說,你的臉書帳密就像是保險箱的鑰匙,那些用來上臉書的電腦就像是拿鑰匙的人,這個功能就是記錄了哪些人曾經拿這把鑰使開了保險箱一樣。

有了這項功能,你就可以看看有沒有可疑人士盜用你的帳號,但是因為臉書記錄的是用來上臉書的電腦名稱,預設大概就是 Chrome on Mac, Firefox on XP 等等一般性的字樣,要是你同時使用很多系統搭配很多瀏覽器的話,其實你也分辨不出來那是不是你登入的。

因為開啟了這個功能以後,臉書面對一個從未使用此帳號登入的電腦,會跳出一個 "為此電腦命名的視窗",因此我建議先將之前清單內記憶的電腦名稱先通通清除,然後為他取上一個容易識別的名稱,這樣一來之後看到可疑的電腦用你的帳號登入的時候才會有所警覺

對於社群網路隱私安全很注重的朋友們,不妨開啟這個功能吧!不過最重要的還是,取一個安全性高的密碼;以及不該公開的東西就不要放在社群網路上,放上去的東西就要有被破解的準備!

......