顯示具有 Website 標籤的文章。 顯示所有文章
顯示具有 Website 標籤的文章。 顯示所有文章

2008年2月29日

Make3D–將你的相片轉換為3D模式

從最新的Smashing Magazine中的Best Of February 2008看到這個網站–Make3D,我覺得真的滿新奇的,只要上傳你的相片,這個網站會幫你依據相片景觀深度、方向等等,利用它強大的自我學習方式進行運算並且自動將2D的相片轉換為3D模式,還滿有趣的,不過轉換的過程有點久,只好先拿網站已經轉換好的給各位看一下。

先看一下介紹影片:

就如下面這張圖片:
在經過運算轉換後,所承現的樣子:







大家不妨去試試。

2008年2月23日

如何為你的網站照相

這個問題是我一個親戚的小朋友問的,以前我會叫他用土法煉鋼的方法–用鍵盤上的“PrintScreen”鍵分段擷取網站,再用影像處理軟體(如PhotoShop)進行結合,至少我以前就是這樣做的(汗),但是現在的我不會再叫人用這種方法來幫網站照相了。現在的我會教人找那種有幫人做BrowersShop的網站,只要輸入網址,就會將你的網站照相,你再將圖抓下了就OK了。

不過我個人比較推薦這個網站:Test your web design in different browsers



就如同上圖所示,只要輸入網站位址、瀏覽器類別,就個網站就會自動將你的網站以各個不同的瀏覽器及瀏覽器版本照相,而你所需要的只是花個時間等他處理好再將圖抓下來就行了,也許你會問:「還要一張一張另存新檔嗎?」答案是:「不需要」,這個網站會將他處理好的圖片,壓縮為一個ZIP檔,你只要抓這個檔案就行了。


下面這張就是我利用這個網站在Windows中的FireFox 2.0所照的圖。

2008年2月5日

線上編輯族譜–Geni

再過二天就是正月初一,Josh在這祝各位新年快樂;這幾天在整理家中雜物時,發現幾年前我老爸所整理的家族族譜,內容記載很詳細,看著看著,想起了一個網站–Geni網路族譜,一時興起,就試著玩看看。

Geni的使用介面淺顯易懂,利用圖形的方式製作族譜,用了幾次就會上手,另外當你在族譜上增加一人,Geni也會順便(但非必要)要求你輸入e-Mail,之後Geni會把你所完成的族譜發送給該人,也順便邀請該人來Geni繼續完成他的族譜,如此一來,利用路網的效應,無限的將你的族譜括大,這也Geni創辦人的原意。

另外Geni還能讓你匯入網路信箱內的通訊錄來增加你的親戚和朋友:







另外再提供一個影片教學:How To Get Started on Geni.com

2007年5月26日

FeedBurner繁體中文介面

前幾天在登入FeedBurner後,在畫面的右上角的Languages選項內,突然出現了繁體中文的選項,誰知過沒多久切換的選項卻消失了,但畫面中卻多了這幾行字:More choices are coming soon. Where did Chinese go? We heard your feedback and we're taking it back to the shop for more work. Thanks for having your say!根據我四處探聽的結果,似乎是因為FeedBurner在翻譯上面出現了一些問題,所以先將切換成中文的選項拿掉,等翻譯得更完美之後才會再出現。

可是Josh我才不會這麼快就放棄,所以我試出了一個方法,很容易就能切換成中文;首先,進入Languages的頁面,將English這個選項的網址Copy下來,如下:https://www.feedburner.com/fb/a/switchlang;jsessionid=2BC14900DC6F9102B6720DF2E6C1D74C.app2?locale=en_US,接著將網址中的“en_US”換成“zh_TW”,如此一來,整個介面就換成中文了,是不是很容易!是的話還不快去換成中文介面。

2007年5月24日

非常艷麗的Templates:FinalSense.com

偶然在老男人的令人驚豔,免費的Blog模版那裡看到他所介紹的這個網站Finalsense.com,發現這個網站所提供的Blogger Templates還真不是普通的漂亮,而且所有的Templates都可以直接套用,像我在Josh's Lifetags就直接套用了Sunset這一個Template,而Finalsense.com所提供的Template每一個都很賞心悅目,例如下圖的Coffee Cup:

當然漂亮的不只這一個,實在是太多了,我也就不一一列出,讓各位自行去挖寶吧。

2007年5月9日

Blogger-ext2討論群組

阿土伯–Blogger-ext2的原作者,Blogger-Ext2是以jQuery為基礎的開發的簡單Blogger系統擴充程式,能讓使用者在接觸到最少的Template/Javascript程式,便能讓您的Blogger得到功能的擴充,也是Josh我的外掛安裝程式的原始來源,阿土伯現在在Google Groups開了一個Blogger-ext2的討論群組,如果當各位有任何有關Blogger-Ext2使用上的問題或者對於Blogger-Ext2的功能擴充有任何的意見,都可以到這個討論群組來尋求幫助和分享。
Blogger-ext2討論群組
繼續閱讀懶人加強版
輕鬆擴充Blogger 功能:Blogger_ext2.js (jQuery way)!

2007年5月3日

Hackosphere: Neo for everyone!

今年一月份我才正式接觸到Blogger,當初在網路上到處尋找適合的Blogger Template時,在Hackosphere那看到他的Template時,就覺得很棒,Hackosphere的Template是利用AJAX進行頁面的讀取,而原作者Ramani還以US$10來販售這個Blogger Template。

而我剛才完成Template的更換就到處逛逛,當逛Hackosphere時,發現Ramani已經將這個Template釋出提供下載,有興趣試試這個速度非常之快的Template者,可以套套看。
Hackosphere: Neo for everyone!

2007年4月25日

Google Map 有台灣的街道圖了

今天早上是王建民這個球季首次先發,起了個大早準時守在電視旁觀看,可惜輸球了,話說王去年四月也才拿下一勝,所以現在才一敗而已,也不用太在意,當我看完球賽後,興致一來就想看看Yankee Stadium,於是就上Google Map去瞧瞧,接著就將地圖轉到台灣,當Zoom in到一個程度後,發現Google Map上的台灣竟然出現了高速公路,如下圖:

雖然有一段時間沒上Google Map,也不知道是原本就有還是新增的,於是乎就繼續Zoom In下去,因為我住台中,所以就往台中地區Zoom In,就我對地圖的認識,梅花外框的是國道,盾形外框的是省道,現在Google Map連省道也有標示了,如下圖:

接著再 Zoom In就出現了台中市的棋盤式街道圖,除此之外,我想曾經從外縣市騎車或開車進入台中火車站週邊的人,一定會對台中火車站週邊的單行道很有印象,現在Google Map上連單行道的行進方向也有清楚的標示出來,如下圖:

為了了解Google Map的詳細度,所以又把地圖移往台中市西屯區,想不到竟然連巷弄也有,往常我在網路都是使用UrMap進行查詢,所以我特地來比較一下兩者的詳細程度,地圖選用台中逢甲大學週邊–西安街以南、逢甲路以北、福星以西及烈美街以東的區域進行比較,比較如下:

第一張是Google Map在地圖模式放到最大,第二張是UrMap地圖模式放到最大,兩張的大小都是560×600,經由比較可以發現Google Map的Zoom In程度比UrMap較大,接著換衛星地圖,如下:
第一張Google Map的衛星地圖和地圖模式一樣,而UrMap的衛星地圖最大只能到“10”,兩者相比,又是Google Map勝出,不過UrMap有一點倒是贏了Google Map,UrMap結合了104人力銀行、Kijiji 台灣、1111人力銀行工作機會和許多的地標,讓搜尋更加便利,而Google Map的搜尋方面還不是很完善,目前用中文只能搜尋到縣市名稱和比較有名的地標,不過能在Google Map上看到台灣也有街道圖也算是不錯了。

2007年3月23日

AdSense繁體中文支援論壇

對於Google AdSense也許很多人還有很多疑問,除了在各個專門探討Google AdSense的網站或Blog尋找解答之外,現在又多了一個新的管道;在Google 網上論壇中Google AdSense開了一個繁體中文的支援論壇,也許可能才開始不久吧,群組人數只有60個,但這對於AdSense的繁體中文使用者來說卻是個好消息,相對於AdSense的簡體中文論壇人數已經有四千多人,繁體中文的支援論壇只能算是一個剛出生的小Baby。
Google AdSense支援論壇(繁體中文)
Google AdSense支援論壇(簡体中文)

2007年2月28日

來取一個有Web 2.0味道的名字吧!

處於Web 2.0的時代,凡事都要有Web 2.0的痕跡;我之前在Ajax Loading Gif 線上產生器所介紹的網站,它在Banner上面有加上一個“BETA”的圖樣,旁邊還註解:「Hay! This Service is Web 2.0」,除了加上“BETA”字樣之外,最好還要有圓角的按鈕,就像我在更勁爆的「超級無腦安裝Blogger外掛功能」中所使用的一樣,另外再取一個有Web 2.0味道的名字也不錯喔!

Web 2.0 Name Generator就是一個線上名稱產生器。看看下面的列表,是不是有Web 2.0的味道:
  • Yanu
  • Topicfly
  • Blueopia
  • Taba
  • Realclub
  • 23storm
  • Vimia
  • Yojo
  • Twiyo
  • Digibridge
  • Voovee
  • Flipware
  • 42bridge
  • Zazu
  • Mybird
  • Chatshots
  • Truva
還沒想到好的名字,到Web 2.0 Name Generator來找一個吧!

2007年2月24日

讓comments也能顯示文章標題

最近滿多人在問,要如何在comments也顯示文章的標題?如果用feed和json的方法,很抱歉,目前似乎只能抓到文章內容,另外在Beautiful Beta中的Widget Installation and Downloads Page這裡的“Recent comments widget”,能夠依照網址來抓取標題,但是遇上中文標題就沒用了,因為目前Blog文章的網址是依照你文章標題的英文字來取的。

之前曾在水瓶子那裡看過他所用的方法:
  • 先抓取 comments 的 feed,內有標題的網址,再抓取藉由 comments 發佈到 gmail 信箱然後轉發到另一個部落格的 posts feed 去比對網址,取回標題。
覺得有點複雜而沒有採用,因為最近滿多人在問,所以又到他那去看了一下,發現他用上述的方法後,因為被Blogger.com認為是spam而檔掉,所以改採用新的方式:
  • 先抓取 comments 的 feed,內有標題的網址,然後再抓取 posts 的 feed 兩個去比對
而且也做成了元件提供大家使用 ,只要將下列二行放置到“新增html/javascript”的widget中即可:
<script>g_szBlogDomain='xxxxx.blogspot.com'; </script>
<script src="http://js.writers.idv.tw/rc.js"></script>

《記得要將紅色部份改為你的Blog網址》
資料來源:
JSON 應用(2):最新迴響的標題

2007年2月22日

Ajax Loading Gif 線上產生器

在Web 2.0的網站,或多或少都會使用Ajax,Ajax loading gif generator這個網站,能夠讓你線上製作Loading時的動畫。以下是各種類型的展示:





在這個網站一共有27種類型可供選擇,你只需設定幾個選項就可以了。
  • Indicator type:選擇圖示的類型
  • Background color:設定背景顏色
  • Transparent background:是否使用透明背
  • Foreground color:設定圖示顏色
當你設定好上列的四個選項,按下「Generate It」,你所設定的結果可以在下方的Preview中預覽,接下來只要按下「Download It」就能把圖示存在你的硬碟中。

2007年2月14日

Gmail Says : Happy Valentine's Day

2月14日,是個令許多還是單身的人不想去記得的節日。

話說今天照例要登入Gmail收信時,在登入畫面發現了一串不曾看過的字,有圖有真相…

各位看倌,你看出來了嗎?請先仔細看上面那張圖,看清楚一點喔!

如果你眼睛夠利的話,你應胲會看到「加入Gmail」。

沒錯,Gmail在今天開放自由註冊,以往都是要有Gmail 邀請函才能進行註冊,但是從今天開始可以自由註冊了,還沒申請Gmail的朋友們,趕快去申請一個吧!

最後還是要跟各位說一聲:

Happy Valentine's Day

線上工具–HTML unicode

當你在Blog要貼上html程式碼時,最麻煩的是什麼?

我想有經驗的人一定知道,那就是<和>這兩個符號,常常動不動就被吃掉,偏偏這兩個符號又最常用,在我剛用Blogger的時侯,就常常為了要使<和>這兩個符號正常顯示而花了不少時間。

現在我介紹給各位一個好物,很方便的線上工具–HTML unicode,如下圖:

當你下次要在Blog上貼上Html程式碼時,只要到HTML unicode這裡,把你的程式碼貼在 Original這個textarea內,它就會把轉換好的程式碼顯示在Charcode這個textarea之中,你再Copy到你的文章之中就行了,很方便吧!

2007年1月28日

免費的網站流量分析–申請Google Analytics

我在1/17剛申請完Blogger.com時,就順便把一些Google有提供的服務一次全部申請完,像是Google SiteMap、Google Page Creator、Google AdSense、Google Reader以及Google Analytics,這幾天用下來,發現Google Analytics真的是棒,分析的資料很詳細,還能依行銷和管理這兩方面來做網站的流量分析,分析報告也分好多個方向,雖然我的Blog才正要突1000人次(當然也是希望利用這篇來吸引一些人氣),但是我一定要向各位推薦Google Analytics。

首先當然就是要到Google Analytics,當然啦,只要你有Gmail通行證,Google的世界任你遊,登入後先看到就是Google Analytics的介紹。
  • 改善您的網站並提高行銷投資回報率。
當然「申請」就不要客氣的按下去啦!
補充一點,申請的網站需要有根目錄,而且能夠編修模組。
例如:
  • http://www.wretch.cc/blog/XXXX(沒有根目錄)

  • http://XXXX.blogspot.com (有根目錄)
(這樣好像台灣很多的BSP都不行耶!!)


輸人網站位址、帳戶名稱(會自動從網址拉下來)及選擇國家後,在下一頁輸入聯絡資料及觀看使用者點約後,系統會給你一段Java Script碼,如下圖:


將這一段Java Script碼Copy下來,進控制主頁–範本–修改html,把Copy下來的程式碼,貼到</head>的前面,再按。


之後回到首頁,你會看到「尚未驗證追蹤您的網站」的字樣,這個時候按下的按紐(不是按這一個喔!!要按Google Analytics的啦!!),如果你剛才Java Script碼放對地方的話,應該會有「已經成功安裝 Analytics (分析),現在正在收集資料。」的字樣,如果沒有,請檢查程式碼放置的地方是否正確。

而第一份報告,根據Google Analytics的說明文件, 大約要24小時後才能收到,到時候你就能用Google Analytics來幫你的網站做流量分析。

Google Analytics的分析有多詳細呢?我先把我的資料秀一下,樣本數很少,請多見諒。

當你進入檢視報告的頁面時,可以發現二個部份,一個是左邊的控制頁面以及右邊的圖化的報告,控制除了一般選項外,還能以行銷和網站管理者的角度來切換。


而報告的方面就又分得更細了,在這就不再多加詳述了,另外還可以依日期來做選擇。

至於圖形分析部分,除了記錄到訪數、網頁檢視之外,還有新、舊訪客,及訪客從那一個網站、那一國家來造訪你的網站等等,詳細的資料等者各位自己去了解。下面再貼一些圖形化分的的圖片給大家稍微了解一下。





奇摩購物中心-1111