發表文章

目前顯示的是 三月 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/javascript"…

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

圖片
Google 提供了五種動態瀏覽的介面,使用了 Ajax、HTML5、CSS3 等技術。Flipcard:http://jimmyyen.blogspot.com/view/flipcardMosaic:http://jimmyyen.blogspot.com/view/mosaicSidebar:http://jimmyyen.blogspot.com/view/sidebarSnapshot:http://jimmyyen.blogspot.com/view/snapshotTimeslide: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") as $k =&g…