玉米翻著書說....

玉米再說....

2007年2月18日 星期日

Webcam - 路況之眼見為實

幾個可以看到馬路現況的網站:

  1. 高速公路路況
    有清楚的全省國道圖,以顏色標示出目前的平均時速,一目瞭然;也可以點選各路段的攝影機,眼見為憑;又可以查到重覆性塞車的統計資料,有憑有據。
    最實用的是有統計資料可以查:各個路段在一天或是每個星期幾各時段的平均車速,也就是可以,對於出門前、要計畫開車上路時,可以不必僅僅倚靠常識或經驗來猜測推段,多了些根據。
  2. 台北市即時路況
    位於各高架道路的即時影像,影像連線速度比較慢,但可以用Firefox開啟
  3. 台北市即時路況
    包括以顏色標示路段的平均車速;查看路況之webcam;停車場資料等。這裏查到的影像連線通常較好,但是只能用IE.... 嘆
  4. 全省各地影像

    政府的網站,查到的不見得看得到路上車子情形,但是,查查區域的天候是挺夠用的了。

至於景點的交通,似乎可以打個專線電話來問,據觀光局的網頁說:「假日門市 貼心服務專線」(0800-011-765),提供一個可以讓遊客諮詢旅遊資訊、反映假日期間觀光旅遊有關交通及環境狀況的平台。試試看囉


即時路況,聽聽警廣還真的蠻有用的~~
FM全國治安交通網 服務高速公路、國道省道長途路況
台北、雲林、嘉義、台南、高雄、宜蘭地區 FM 104.9
新竹、台中、彰化、南投地區 FM 105.1
花蓮、台東地區 FM 101.3
舞鶴地區 FM 106.5
FM地區治安交通台 服務地區路況
台北台 FM 94.3 台中台 FM 94.5
高雄台 FM 93.1 花蓮台 FM 94.3
宜蘭台 FM 101.3



Read more!

2007年2月17日 星期六

修改Blogger的顏色,也談CSS裏的色彩表示

如果使用版面配置的話,有些顏色可以使用線上的選色器來改變;但是,如果是要在傳統範本模式(classic template)裏做更動的話,就需要知道顏色的名稱囉

顏色的名稱,嗯,紅色=red,沒錯,這樣是可以的,即使在電腦的世界裏、在網頁語言中(有些時候)也是行得通。精確點的形容顏色,大致說來有光的三原色(RGB)、印刷的基本四色(CMYK)等等不同的方式。

就網頁上CSS裏,指定顏色時有五種方式:以名稱指定(白色white)、以RGB的組成比例來定(例如:#fff或是#ffffff或是rgb(255,255,255)或是rgb(100%,100%,100%))。

其中,#fff和#ffffff叫做hexadecimal十六進位的表示法,通常簡稱為HEX,像是CSS Hex, RGB Hex等,在#後面接三個數字的是縮寫法、接了六個數字是完整的寫法,早期在電腦記憶體昂貴時所定下的網頁安全色彩(共216色),都可以使用縮寫的HEX表示。

以blogger原本提供的範本來說,它在指定顏色時是以短式HEX表示,所以,能選的色彩不多,這些安全色的HEX名稱可以在這裏找到。經過實際試驗,其實不必一定要在短式HEX裏的顏色,可以在RGB to Color Name Mapping (Triplet and Hex)詳細的對照表裏選,blogger本身並不會排斥或不接受其他的表示方式。





Read more!

2007年2月16日 星期五

線上聽廣播

輸入關鍵字可以找到相似音樂的網站
http://www.pandora.com/

日本的幾個電台

J-Wave FM 81.3
http://www.j-wave.co.jp/
http://www.j-wave.co.jp/radiobar/

http://www.j-wavemusic.com/#
第一次連線需填寫基本資料,在播出時會有歌曲的資訊,對於喜歡的歌曲可以按下畫面上[I Like It]來投票。挺好的。

Tokyo FM 80 (預錄)
http://www.tfm.co.jp/radiobar/tfm2.asx

Shonan Beach FM78.9 (Live)
http://www.beachfm.co.jp/index_e.html

FM Gig 81.8 (Live/預錄)
http://www.simulradio.jp/SimulRadio 幾個電台共同的streaming界面
http://www.fm-gig.net/netradio.html
http://www.fm-gig.net/
blog: http://d.hatena.ne.jp/fmgig/

Radio Nekkei (日經廣播)
http://www.radionikkei.jp/

NHK Radio Japan (預錄)
http://www.nhk.or.jp/rj/


Read more!

建立理想的部落格

只是一個問自己的問題,只是想找出自己喜歡的樣子。

想打造一個理想的園地,就像是想把家裏整理清爽、裝潼妥當,或許這一直都會是個動態的過程、或許這是一個起頭較難的事。總覺得,一個裝潼妥善的家,比較美、生活機能比較好、有足夠的收納空間而且找得到想找的東西,可以是追尋的起點、也可以是追尋中的休息站。

先看看別人,再來想想自己。呵,對別人評論總是容易一點~~

很喜歡[老貓學出版],喜歡他的版面(字距/行列/顏色),結構(側欄的清爽、各欄位的清楚描述、延伸閱讀),也喜歡他的文章(認真思考、提出想法和專業資訊)。

也喜歡[Life is a journey],喜歡他的圖和結構(能夠有清楚的tag總是讓我心傾),也喜歡他的文章(生活心情和趣味、淡而有味)

我想,部落格或是網站的樣子,真的就像是一個人家裏的樣子(或風格)、一個人的人格(簡稱"那付德性"),是不容易一下子就有很大的改變,除了技術上的能力,因為很大一部份是在於這個人內在的心理結構,所以,打造一個理想的部落格,就是追尋的本身。


Read more!

2007年2月3日 星期六

修改首頁,只顯示文章的前面一部份

照著 Blogger Help去做,它說的CSS部份,真不知要加在哪裏,試了好久,成功了!

下面是以現在的版型(使用新的blogger + Layout)的實際情形


依官方說明檔,需要做三個變動

(1)Conditional CSS

定義一個格式名為fullpost,在主要的網頁為不顯示、在自己獨立頁面為顯示。



官方說明如下:

因為我所選用的版型裏並沒有看到<style></style>的段落,我把它加在原有的</head><body>之間,如下:

...

<!--Post make summary -->

<style>

<b:if cond='data:blog.pageType == "item"'>

span.fullpost {display:inline;}

<b:else/>

span.fullpost {display:none;}

</b:if>

</style>


...

(2)"Read More" Links

在主要頁面裏顯示 "...繼續閱讀",並且連結到文章的獨立網址。據指示,是要加在<$BlogItemBody$>or </data:post.body> 的後面。





此時要展開template裏的widget,如圖:




所以,我的template如下:
.... <p><data:post.body/></p>
<!--Post make summary -->

<b:if cond='data:blog.pageType != "item"'><br/>

<a expr:href='data:post.url'>Read more!</a>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
.....


(3)Post Modifications

在每一則文章當中加上語法,定義哪一些是屬於fullpost,只在獨立頁面顯示。

<span class="fullpost"></span>

而這段話要在 "Edit Html"裏,加到文章的html碼裏。坦白說,有時候明明加上去了,還是不管用,最後只好重新編輯一次,有時候就OK了、有時候還是不行,還沒弄懂。


Read more!