發表文章

Blogger Template Murmur for MicroBlog

圖片
Download Murmur-2008-01-22.xml DEMO 參考網頁 釋出前的廢話: 喜歡用 Twitter 嗎?其實 Blogger 也可以 Twitter。 去年比較受到網友討論的,大概就是一堆號稱「微型 Blog」(microBlog)的興起,像是 jaiku 、 Twitter 、或是台灣的 buboo ,這種微型 Blog 滿足了一些使用者想要記事、不太需寫長篇文章、同時又不想要複雜的功能,簡單上手立即使用成了一種潮流,很多人也像警醒一般「啊!我應該要寫個微型 Blog」而開始寫微型 Blog。這種說法或想法好像有點奇怪,因為 Blog 並不會因為沒有註明任何型就一定要寫的很「巨型」或「一般大小」,但是一旦有人喊「微型」,就會有很多人一起喊「微型」,在人類的生活體驗當中,這種不經思考就跟隨某些行銷手法過生活,實在是相當奇妙的一件事情。 Twitter 有很多的特點,像是可以 follow 別人的 log 形成類似對話的效果,或是經由手機、IM 等軟體立即傳出一些短文;不過只要仔細看一下發文方式,在中文的使用者當中最多人使用的方法依然是透過瀏覽器登入後發文,某些則 藉由 Firefox 的 Addons 來發話 (中文版的抄襲翻譯文就不放了,自己上網搜尋一下就有),某些則透過 IM,一旦想要寫稍微長一點點點點的東西,可能就因為字數限制而必須分成數小篇來完成。 這些特色在 Blogger 上當然也可以模仿 部份的效果 ,必須透過一些「手工」來製作,同時也要先要有個對應的模板範本,看起來至少有模有樣一點。 1.微型 Blog 的部份只要使用者寫的夠短、夠精簡, Blogger 同樣是一個微型 Blog ,不過既然要針對短文(甚至是極短文)而來,文章自然就以單欄為主體設計,但是 Blogger 要丟連結、文章、短片、音樂mp3 樣樣都可,底下的邊欄功能列當然也看自己愛用不用,相較之下其他微型 Blog 的「個性化」、「特色化」的能力就差多了; 2.要透過瀏覽器(Firefox 流)在 Blogger 上發極短文,Blogger 能用的可多了,熱門的像是 ScribeFire 就是個好選擇,要用 Windows Live Writer 也可以,Flickr 與 YouTube 都支援發文到 Blogger 當中,工具可說是滿坑滿谷多到不行; 3.在台...

Blogger Title Background 圖片問題

圖片
最近被問到煩的問題。在釋出幾個範本之後,隨之而來就是一堆莫名其妙的問題,尤其是支援 Blogger 預設 Title 欄位設定後,竟然還能有很多問題,這是 blogger 預設的功能,我設計的 template 範本只能被動的配合相關設定來求取使用者的方便性,而使用者想要使用的圖片當然也只能被動的來配合 template 範本中的設定: 當你選用第一項的時候,圖片上傳到 Blogger 後系統會自動幫你縮圖來符合「原本 blogger 範本慣用的長寬高」,一定會填不滿其他自訂範本後整個加寬後的 title 欄位。(圖被系統縮成小圖難道看不出來嗎?怪哉...) 當你選用第二項來連結外部圖片時,背景圖片是則是以連結為主,圖的大小有多大就多大,但是相同的,就失去對應 Blogger 內定的寬與高設定,圖片必須被動的配合範本中寬與高的設定,不然就會被截斷。(只是背景圖,有這麼重要嗎?大一點行不行?你就把圖拉大一點、再放上去不就得了?) 當你採用第二項設定去連結外部圖片後,還有兩個選項,不過這個階段我已經做了一些 CSS 設定的調整,原本偏左的圖片我設定成置中(這比偏左好),原本高度只有345px 我也拉高到 350px (有的則是只有 150px ,看各個範本不同),但是會遇到的問題大致上與 Blogger 預設的範本相同,假設圖片比範本設定的 Title 窄,第一個選項是當成 Title 與說明的背景圖,會變成這樣: 第二個選項是取代 Title 與說明當成前景圖,因為我設定強制為與 Title 同寬度,會強制把圖拉寬到填滿整個 Title 而變成這樣,如果是依照 Blogger 預設則會缺邊: 要避免類似的問題,請 不斷的反覆、反覆、反覆修正圖片大小 來符合範本的設定,且 ie 與 firefox 可能因為處理 css 的不同而產生誤差,因為範本不會因為個案就進行調整,不然就是請使用者自己進入原始碼中找 Blogger Code 中 header widget 的區段動手調整 inline 的 CSS 設定值,別跑來要求範本特別為某個特定個人的需求來進行調整,或是回報成範本問題。

Yael Naim - New Soul ( Apple Macbook Air 廣告主題曲)

Yael Naim - New Soul So... 關聯性是什麼?:(

Blogger Template BlackCoffee

圖片
in IE6 in Firefox Download BlackCoffee-2008-01-18.xml | DEMO 參考網頁 釋出前的廢話: BlackCoffee 的版型是我一直想要做的,這也是最近常見的版型之一,左邊主文快與右邊 Sidebar 齊高,而 Title 中如果放入背景圖片又感覺相當有主題性,所以就把 gadget 2.0 拿來修改成 BlackCoffee (Sidebar 看起來不就像背耳一樣嗎?XD)特色跟其他版型大同小異,有興趣者可以直接下載後套用即可,有興趣的可以直接繼續看下去。 PS:template 是不會影響任何 PO 文的,因為 PO 文是後台或其他發文程式與資料庫之間事情,跟 template 無關。 主要 BlackCoffee 特色說明: 雖然 1024*768/1280*800 以上解析度已經逐漸成為主流,但是這一次把版面調整到 855 px 寬度,讓整體看起來較為細長,也較為有氣質一點(XD),主文的部分依然擁有 500 px 的寬度,嵌入 flickr 圖片或是其他影音內容應該不會有什麼問題。 右邊兩欄都是一欄 125px,一欄 165px ,對於多數網站外掛或像是 Google AdSense 摩天大樓型式欄位等廣告都應該很好處理與應用。 標題區塊直接支援 Blogger 後台直接設定 Title 背景圖片的功能,但是因為抓圖順序抓錯,這是沒有圖片時的情況,整個 Title 變成較為細長,看起來有沒有氣質啊?(屋喔~)標題區塊的預設高度會隨著圖片高度產生改變,使用者只要掌握好圖片的 寬度(520px 以上)與高度(450px 以上) ,即可放入自己喜愛的圖片當成標題背景,效果如前面幾張圖那樣子,應該頗有焦點(依據原始的 Widget 設定,圖片現在是置中排列,需要自行設定 CSS 才可以讓它重複填滿)。 這是範本內說明: Show image as background to text. You can't really calculate the width reliably in JS because margins are not taken into account by any of clientWidth, offsetWidth or scrollWidth, so we don...

MacBook Air 專用電腦包 Manila Case 出爐

圖片
堪稱全世界最輕、最薄的筆記型電腦專用包,專門為 MacBook Air 生產製造,售價 $300 ,並不便宜: from GIZMODO . 紅色帶子另售 $20。 Image by Richard Blakeley (這張圖真的有給它好笑到)

下一部 Open Movie " Peach "

圖片
上一部 Open Movie 是什麼片子?知道的人似乎不多。 Elephants Dream ( wikipedia )是第一部完全採用 Open Source 軟體所繪製而成的動畫短片電影,這個計畫是由 Blender 基金會 發起,稱作 Open Movie 計畫,在 wikipedia 當中說明了這個計畫發起的初衷: The film's purpose is primarily to field test, develop and showcase the capabilities of open source software, demonstrating what can be done with such tools in the field of organizing and producing quality content for films. 實際上獲得相當好的成果,而所使用的軟體有 Blender 、 CinePaint 、 DrQueue 、 GIMP 、 Inkscape 、 OpenEXR 、 Python 、 Seashore 、 Subversion 、 Reaktor (Proprietary)、 Twisted 、 Ubuntu Linux ( GNOME and KDE desktop)(哇屋!又是 Ubuntu!),片長 10 分 54 秒,製作經費 12 萬歐元,部份的經費來自影片尚未發行前的 DVD 預購(許多人對此影片深具信心),並且在影片推出之後 Elephants Dream 進一步提供了 HD 高清晰並支援 5.1 聲道的版本。 這部影片現在 可以在網路上直接下載 、觀看與收藏(同時提供 DVD ISO 與電影中的配樂),除了在網路上可以搜尋到網友製作的中文字幕之外, 網站後來也提供了 30 種語言的翻譯檔案 (包含中文), 開發團隊的領導人 Matt Ebb 則在前日接受 COMPUTERWORLD 的專訪 (這才是原本要說的重點...)。 在成功的製作第一部 Open Movie 動畫電影之後,同樣的團隊已經開始著手製作 下一部 Open Movie " Peach " ,在網站的 Gallery 當中已經可以看到動畫主角可愛的身影,並且看得出許許如生的動物毛髮效果,...

Sun buys MySQL, $1 Billion

圖片
伺服器應用總是難以脫離資料庫應用,Sun 在 1/16 花 10 億美金購進了 MySQL: MySQL has been bought by Sun. Right now there is only a brief announcement but it discusses what the acquisition will mean for the core developers, community etc. from Slashdot MySQL 幾乎是 Open Source 族群架設伺服器進行資料庫應用時的第一選擇,而 Sun 則在近五年內不斷將焦點放在 Open Source 上頭,如今花了 10 億美金購進 MySQL (這當然包括 MySQL A B ,不然就白買了),大家都還在看這會對開放原始碼社群造成什麼樣的影響,以 MySQL 佔有率與成長來看: MySQL 已經佔有 25% 的資料庫市場,並且正在飛快的成長當中,在另外兩項以往的調查當中,MySQL 分別為第二與第三名: 但是各項調查都覺得 MySQL 成長到力道驚人,令其他資料庫廠商倍感壓力,至於 Sun 的收購也並不意外,其實只要看看 Sun 的 下載頁面 與 支援服務頁面 ,就可以知道 Sun 在 Databases 這一塊其實是相對薄弱的。 有趣的是 Oracle 也幾乎在同一時間宣佈收購 BEA System Inc. ,將以每股19.375美元現金收購 BEA 全部在外流通股( BEA System Inc. @ TW ),目的似乎是希望能夠更快速的建構與 Oracle 資料庫配合的 web 服務和服務導向架構(SOA),力鞏自身在資料庫應用市場的地位。 以上,都太過高端了。在面對消費者端或者辦公室應用上,倒是比較希望能夠看到在 Sun 收購 MySQL 之後,能有更好的管理與應用軟體工具出現(當然希望是自由開源且免費,操作則像 EXCEL 一樣容易),說不定直接將輕薄短小跨平台的 MySQL 包入 Sun 的辦公室應用軟體當中,其他各種應用軟體也能夠快速配合資料庫應用來提高工作效率;而掌握資料庫關鍵技術,完成「伺服器 + 資料庫 + 應用軟體 + 作業系統 + 硬體架構」的垂直整合,似乎已經可以看出 Sun 對於未來 Net Apps 的目標與企圖。

全球最薄但只能 Wireless 的 MacBook Air

CPU: 1.6GHz Core 2 Duo,Intel 特別為 Apple MacBook Air 量身訂做的 CPU,體積比一般 Core 2 Duo 的 CPU 減少 40% ,相當於 1 根鉛筆的體積大小而已。(哇屋! Intel 已經可以做到這種程度了?)主機板當然也是特別針對 MacBook Air 特別製作。 RAM: 內建 2GB 標準記憶體 HARD DISK: 採用與 iPod 相同 1.8 吋硬碟 80GB,可選購 64GB SDD 硬碟 SCREEN: 13.3 吋 LED 寬螢幕 其他: 全尺寸鍵盤,支援 multi-touch 全功能的觸控板 TouchPad,並且內建 iSight,802.11n 無線網路與藍牙 2.1 + EDR,DVI 與 USB 接頭。 尺寸: 機體最厚處 0.76 吋(1.93 公分),最薄 0.16 吋(0.4 公分) 重量: 3 磅(1.36 公斤) 續航力: 5 個小時 這或許稱得上是一項電子工藝的奇蹟,尤其是說服 Intel 替他們重新設計一顆早已賣得嚇嚇叫的 Core 2 Duo CPU,並且突破以往的極限,讓 CPU 的體積直逼原有的 60%,這是整體筆記型電腦體積能夠大幅縮減的最主要因素(這是唯一奇蹟的地方)。 較小、較薄的 CPU 體積也換得較佳的散熱效果,讓整體筆記型電腦的薄度再度進化,只不過 0.4 公分的前端放在背包內敲到,會很痛吧?這也讓整體耗電量降低,在不與效能妥協的情況下,能夠執行 5 個小時,幾乎所有能夠稱得上「特化成功」的特點, CPU 的部份就應該佔有 6 成的因素在。 另外除了支援 multi-touch 的觸控板是個特點之外,這台 NB 沒有內建光碟機( USB 外接),而是採用了 Remote-CD 模式,可以直接連結其他的 PC 或 Mac 主機的光碟機,當成本機的光碟機來使用(安裝軟體),而連結的方式則是透過 wireless,至於其他像是燒錄、備份、複製資料, Steve Jobs 給的答案都是「用 wireless 傳到別台、用 wireless 上 iTune 買音樂跟影片、用 wireless 配合 Time Machine 把資料備份到 Time Capsule、噗拉噗拉 wireless」,總之,這是一台 wireless 筆記型電腦。(要開始譙了,但是不...

慘,連成人影片都不愛 HD DVD

圖片
如果這要學商業週刊硬套上 M型 一詞的話,以後影片市場大概也可說 M型光碟 了。XD HD DVD 與 Blue-Ray 激戰許久,分別開疆拓土打下幾個代表性的品牌後,華納兄弟卻在 01/04 以迅雷不及掩耳的速度 宣佈轉投藍光陣營 ,讓東芝大為尷尬(尤其是今年才剛一開春、正在參加 CES 展而已),華納表示,今年5月底前會繼續發行 HD DVD格式的電影,但會在標準 DVD 和藍光產品之後,東芝除了對華納的決定 感到失望 之外,也趕緊 調降了 HD DVD 播放機的售價 因應,這也讓支援陣營產生了變化: 新聞集團(News Corp)旗下的二十世紀福斯(20th Century Fox)、迪士尼(Walt Disney)和Lionsgate隸屬於藍光集團。維康集團(Viacom)的派拉蒙和奇異(GE)的NBC Universal支持HD DVD。Sony的遊戲主機PlayStation 3可播放藍光DVD,微軟的Xbox 360則搭配HD DVD。 也就是說,今後光碟影片市場似乎已經大致成型,並且是標準的 M型光碟 :高價的光碟市場由藍光陣營據守,低價的光碟除了現行「較不清晰」的 DVD 之外,HD DVD 有可能也跌入這個市場範疇來謀求生存,至於影片供應的中階市場將因為陣營的選擇而不存在,真 M型 啊!XD 更另東芝絕望的事情還在後頭,因為藍光光碟在美國大賣,現在連成人產業都轉向藍光光碟靠攏, 根據 GIZMODO 的報導 , Digital Playground 決定將在 2008 年開始轉移銷售目標到藍光光碟上,這也做出了兩個結論:1. 除了 Digital Playground,其他的成人產業工作室也會開始跟進;2. PS3 的擁有者真的喜歡在他們起居室內看成人影片!(大笑)(這句話其實是另指:使用者難道不是用 Windows 的電腦在自己房內偷看 HD DVD 版的成人影片嗎?) 這樣說一定有很多 PS3 的擁護者很不滿意,可是我們來看看 HD DVD 與 Blue-Ray 的發源地日本的情況,藍光版本的 AV 片早就賣翻天!畢竟在日本這個區域內 XBOX 360 + HD DVD 當然沒有像 Sony PS3 那樣地具有主場優勢(更何況 PS3 早就是雙機合一)。(ps:這似乎說明「PS3 的擁有者真的、真的、真的、真的喜歡在他們起居室或客廳與其他...

Blogger Template BlackCat 2.5.0 (3 Columns)

圖片
in IE7 in Firefox Download BlackCat25-2008-01-15.xml | DEMO 參考網頁 釋出前的廢話: BlackCat 這個網頁範本受到相當多人的喜愛,或許是因為在 Blogger 中真的缺少三欄式的範本,不過使用這個範本的 Blogger 很多都喜歡下載無 Hack 的版本,或許是因為這樣比較好操作,也能夠在中間的部份顯示更多的內容;這個範本也受到公益團體的喜愛,所以我在年度更新之際把 BlackCat 做了一次大幅的翻修,希望能夠讓更多人能更容易上手,讓他們能夠專注在議題上,而不是在跟 Blogger Code 分站上,邁向 2.5.0 吧,go! 主要 BlackCat 2.5.0 特色說明: 在 1024*768/1280*800 以上解析度已經逐漸成為主流的年代,這一次把版面整體拉寬到 910 px,主文的部分擁有 500 px 的寬度,從 flickr 相簿或是其他相簿服務所提供的照片嵌入,不再是問題。 左右兩欄都是 170 px ,可用來安排 Google AdSense 120*600 與 160*600 摩天大樓型式的廣告欄位,讓整體有更好的運用。 標題區塊直接支援 Blogger 後台直接設定 Title 背景圖片的功能,標題區塊的預設高度會隨著圖片高度產生改變,使用者只要掌握好圖片的 寬度(910px)與高度(150px~160px) 即可放入自己喜愛的圖片當成標題背景(依據原始的 Widget 設定,圖片一定是靠左排列,需要自行設定 CSS 才可以讓他重複填滿)。 文章之間直接支援 Blogger 中 Google AdSense 的相關設定,現在要在文章之間插入 Google AdSense 的廣告欄位,使用者不用再費心於原始碼中尋找安插廣告欄位的位置,讓網站的廣告效果更好。在主文底下也可以加入其他的網頁元素,增添豐富度。 修正相當多的部分,現在幾乎所有網頁上的各種區塊與顏色都可以透過後台「顏色與字型」的頁面進行調整,像是 link 的顏色、整體背景顏色,不用因為佈景主題較為單純,設定功能並沒有像 Gadget 2.0 這麼複雜多項,使用者不用再與不熟悉的CSS繼續奮戰(但是要更改背景圖片、調整特定區塊文字大小等,還是得自行透過CSS進行設定,這個功能的目的方便一些整體概觀的調整而已)。所...