發表文章

目前顯示的是 3月 27, 2011的文章

[Blogger][側邊欄工具] 簡易安裝的分類文章縮圖 Widget

圖片
最近研究了一下 Blogger 的 JSON,參考了一個抓最新文章縮圖的寫法,將之改寫為抓取某分類文章縮圖的工具,順便想了一下怎麼讓大家安裝最方便。 稍微了解 Blogger 的 JSON 怎麼抓之後,發現其實蠻多事可以做的,比如這個版型上方的推薦文章輪播區,就可以配合這個抓分類文章縮圖的工具,再搭配像是 jQuery Cycle Plugin 或者 jQuery Nivo Slider Plugin 就可以抓某個要放在上方輪播區的文章分類,不用像之前必須要手動進版型複製貼上了,所以已經順手把上方的輪播區改好了,順利愉快。 不過為了方便介紹,我想把題目先訂為安裝一個側邊欄的小工具,並且兩個步驟就完成安裝,以我的弱格影音部落格,右側側邊欄的寬度是 300px,底下的範例就是以這個寬度來設定,您可以自行調整 CSS 來符合您的版型邊欄。 工具安裝》 #1 進到版型設計的頁面,新增一個 HTML/Javascript 的小工具。 #2 填入以下的代碼,儲存,搞定。 <style> .widget-wrapper {margin:0 auto;width:300px;text-align:center;} .tn-post {float:left;width:72px;height:110px;overflow:hidden;margin:1px;} .tn-thumbnail {text-align:center;top: 0px; left: 0px; width: 70px; height: 70px; background: #E6E6E6 url(http://lh3.googleusercontent.com/_iOYD41FxEhQ/TZW3NVsclqI/AAAAAAAAFM8/NFxlDH2svdk/s800/background.png); overflow:hidden;border:1px solid #999;} .tn-post h3.fp-title {font-size:12px;} .tn-post p {font-size:10px;} </style> <script type="text/javascri

Blogger 提供五種新的動態瀏覽介面 (Dynamic Views for Readers)

圖片
Google 提供了五種動態瀏覽的介面,使用了 Ajax、HTML5、CSS3 等技術。 Flipcard: http://jimmyyen.blogspot.com/view/flipcard Mosaic: http://jimmyyen.blogspot.com/view/mosaic Sidebar: http://jimmyyen.blogspot.com/view/sidebar Snapshot: http://jimmyyen.blogspot.com/view/snapshot Timeslide: http://jimmyyen.blogspot.com/view/timeslide 影片介紹:

真的要來了!Pentax 無反系統第一彈:NC-1

圖片
(圖片來源: mirrorlessrumors.com ) 來自 MirrorlessRumors 的報導,Pentax NC 無反系統第一彈 Pentax NC-1 將在今年五六月間推出!採用 1/2,33″ 尺寸的感光元件,與一般 DC 所使用的感光元件大小差不多,有效畫素為 1400 萬,135 等效焦長的換算約是 5.6 倍,可拍攝 HD h.264 影片 。 NC 系統所搭配的兩顆鏡頭,為 8.5mm f1.9 以及 5-15mm f2.8-4.5,分別等效 135 焦長為 47mm 及 28-80mm,等於是一支標準鏡和一支變焦 Kit 鏡。 NC 系統感覺訴求的是更小的無反系統,用最小的感光元件,以及 Pentax 原本就很在行的小機身、小鏡頭來搶佔小型市場,從圖上看還不確定究竟有多小,實際發表時就見真章了! 當然,坊間所傳的 Pentax 無反系統將推出兩套,其中一套便是 NC,另一套目前的消息是會使用 APS-C 尺寸的感光元件,並且相容 K Mount,第二套系統會在今年夏季時發表。 目前看起來,除了 Pentax 推出兩套訴求對象不同的無反系統是一個特色之外,還不太能完全印證 Pentax 所宣稱的要推出與眾不同的無反系統,一切都要看今年夏天 Pentax 的新品發表了! 之前的報導: K-rumors,數位化的 Auto 110 將是 Pentax Mirrorless System 第一彈!

相關報導:Android裝置 要變電子錢包

圖片
Android裝置 要變電子錢包 聯合新聞網 - ‎1小時之前‎ 華爾街日報報導,Google計劃與萬事達卡公司(Master Card)及花旗集團(Citigroup)合作,希望為Google Android行動裝置開發一種技術,讓消費者在櫃台的小型感應器前揮揮手機,就能結帳。 華爾街日報報導,Google計劃與萬事達卡公司(Master Card)及花旗 ... 谷歌攜手花旗萬事達卡研發電子錢包 鉅亨網 (新聞發布) - ‎12小時之前‎ 據悉谷歌正在攜手花旗和萬事達卡研發移動支付系統,讓安卓手機具備電子錢包功能,但這項技術仍處於初步階段。 綜合媒體3月28日報導,熟悉情況的消息人士表示,谷歌(Google)正與花旗銀行(Citigroup)以及萬事達卡(Mastercard)攜手研發移動支付系統,讓安卓手機具備電子錢包 ... .積極談合作 Goog… 新頭殼 - ‎11小時之前‎ 使用Android系統手機的人,以後可能都不需要帶錢包在身上了。因為根據消息人士透露,Google將與萬事達卡(MasterCard Inc.)、花旗集團(Citigroup Inc.)合作,在Android系統手機中,嵌入「電子錢包」服務,以後消費者想要付費,只要把手機拿出來,在機器前面感應一下,就 ... Google行動付費有譜?傳花旗、萬事達卡有意結盟 DJ財經知識庫 - ‎18小時之前‎ 華爾街日報28日引述未具名消息人士報導,全球搜尋引擎巨擘Google Inc.正在與萬事達卡公司(Mastercard Inc.)、花旗集團(Citigroup Inc.)洽談在Android行動裝置中內建近距離(最多約10公分)無線通訊(Near-Field Communication,簡稱NFC)技術的合作方案,這項計畫可讓消費者在 ... MORE ON: Google News

行動版 Google 新聞閱讀器.利用 jQuery Mobile 及 SimpleHtmlDom 撰寫

圖片
手邊還沒有觸控的行動裝置可以測試,目前只有用 PC Browser 測過 (Chrome 正常,但 IE 8 和 Firefox 4 都怪怪的),可能真的要去借 iPhone 或 Android 手機來玩才知道,上圖是用 TestiPhone 跑的畫面。 之前利用 SimpleHtmlDom 寫了一個去抓 Google News 頁面的東西,那時候也順便想要做成行動裝置用的網頁,最近又發現了 jQuery Mobile ,所以今天就利用 jQuery Mobile 把之前寫的東西改了介面。 之所以會用 SimpleHtmlDom 直接去 Parse Google News 的網站而不是抓 Google News 網站的 RSS,是因為好像在相關新聞的連結那裡是動態產生,抓 RSS 好像會有時間差,有時候相關新聞的頁面就被移除了,只好直接去 Parse Google News 的頁面,不曉得有沒有更好的作法就是了。 誠徵有可上網行動裝置的朋友玩玩,iPhone、iPad、Android 都來玩看看厚。 網址: 行動版 Google 新聞閱讀器 。 既然是行動版,也附個 QR-Code 好了: 範例程式》 因為有朋友需要 SimpleHtmlDom 的範例,我來貼一下抓 Google News 分類的那一段語法供大家參考,我都是亂寫的, SimpleHtmlDom 那裡的範例蠻清楚的,也可以多去參考。 <?php include_once('simplehtmldom/simple_html_dom.php'); $url = "http://news.google.com/news?pz=1&ned=tw"; // Create DOM from URL $html = file_get_html($url); ?> <ul> <?php foreach($html->find("div[id=left-nav-sections]") as $cat) {     foreach($cat->find("a&q