首頁 相簿 flickr 相簿 RSS 訂閱
分享+ 貼到 Facebook 貼到 funP 貼到 Plurk 噗浪 HemiDemi Google Bookmarks MyShare 其他更多書籤

星期一, 2月 23, 2009

「台菜」茂園餐廳

公司部門的聚餐這次選在茂園餐廳,以台菜、海鮮為主的茂園是將近 40 年歷史的老店(Since 1971),雖然是老店但用餐環境還不錯,尤其在大包廂內更是舒適。茂園的消費約在中價位、沒有菜單,菜色是依時令而變化,每盤菜的份量會依照人數調整,雖然不是走高級精緻路線,卻能吃到相當美味的家常台菜料理。

使用 OLYMPUS E-3 + ZD 12-60/2.8-4 拍攝。Click 檢視大圖。



白切雞。用的是放山雞,肉質剛好,不會太澀也不會像肉雞那麼軟,而且還有膠凍,是店內招牌菜之一。



豬腳拼大腸。大腸滷得相當入味,滷豬腳更是出色,又嫩又有 Q 度、清爽不膩,搜索過往記憶後,茂園的滷豬腳是最合我胃口的。



丁香魚這道菜真的非常好吃,味道香、口感酥脆又不會太乾,不知不覺就會一直夾來吃。



鹽酥小卷。小卷吃起來口感很 Q。



蒜泥鮮蚵。



蚵仔新鮮肥美,搭配銀芽(豆芽去頭尾)與蒜泥,相當特別的口味,白飯消耗度 No.1。



花枝丸拼蝦卷。



炸蝦卷很清爽,炸花枝丸很有彈性而且吃得到花枝塊,兩者都建議沾胡椒鹽吃來提味。



味道蠻清淡炒青菜。



鹽冬瓜蒸鮮魚。鹹的鹽冬瓜與鮮嫩魚肉搭著吃,又是一道家常美味。



蛤蠣味增湯。



飯後水果。





名片存檔


店資訊
茂園餐廳
地址:台北市長安東路二段 185 號(近遼寧夜市)
電話:(02) 2752-8587、(02) 2711-4179
營業時間:11:30 ~ 14:00,17:30 ~ 21:00

檢視較大的地圖

...(閱讀全文)

星期四, 2月 19, 2009

PHOTO 物語 × FEB 19, '2009

今天嘉義朴子老家有事情要辦,因此搭夜車回去了一趟,本來打算有時間就順便拍些街景,不過完全沒這個機會,而且這裡的街道變化之大,完全不是我印象中的朴子了。

使用 OLYMPUS E-3 + ZD 12-60(#1-4) 與 Panasonic FX33(#5-8) 拍攝。Click 檢視大圖。

#1. 朴子老家的門牌,這是今天在朴子唯一的一張照片。


#2. 有了等車的空閒時間,可以拍些高鐵車站 - 高鐵嘉義站外觀 1。


#3. 高鐵嘉義站外觀 2。


#4. 高鐵嘉義站外觀 3。


#5. 高鐵嘉義站站內一角。


#6. 搞錯列車進站方向,轉頭再拍已經錯過車頭。


#7-8. 窗外的景色更迭,從遼闊的嘉南平原回到緊湊的都市。


今日最高速:時速 303 公里。
Nokia E70 + Sports Tracker 連線 G-sat BT-359S 藍芽 GPS 測得。



Update, 2009/3/24 這次終於不再錯過!Fujifilm F50fd 拍攝。


...(閱讀全文)

星期日, 2月 15, 2009

Blogger Hack - 使用 Modal Window 方式顯示大尺寸照片

由於 masaru's vision 版面配置的原因,我的照片都是以縮圖的方式發表,當點選縮圖後才以另開視窗的方式開啟大圖,最近趁著閒暇時間研究如何提供更好的使用經驗與感受,於是開始著手撰寫利用 Modal Window 形式來展示大圖,這個效果已經上線一段時間了,似乎沒太大的問題,所以將這段程式碼分享給大家。

所謂的 Modal Window 是一種顯示子視窗的方式(如下圖),在此不探討此種介面的特性,有興趣可以到 Wikipedia 查閱。回到主題,在撰寫此效果時,第一個考慮的是裝置這個功能的便利度,如果每次發表文章都要額外添加許多 Code,那就不是我要的結果,再來就是對於不支援的瀏覽器或是 JavaScript 錯誤或關閉時,是否會造成照片無法顯示的問題,所以在這個版本,於發表文章時只需要增加一個 class 的屬性,而當發生不支援情況時,則會以原本的另開視窗來顯示大圖,而不會造成錯誤。



  • 名稱:Masaru Photo Modal Window Hack
  • 版本:0.51
  • BSP:Google Blogger(其它 BSP 亦可安裝)
  • 相簿平台:僅支援 Google PicasaWeb 網路相簿,並自動處理寬度 144、288、320 或 400 pixels 的縮圖(大圖則為 800 pixels)
  • 支援瀏覽器:Microsoft Internet Explorer 6, 7, 8、Mozilla Firefox、Google Chrome、Apple Safari

★ 小提醒:masaru 不保證此程式碼能完全正確執行,亦不負安裝後造成異常的責任;另外,在修改範本前請先做好完整備份的工作。

安裝步驟
開啟 Blogger 管理網誌介面,進入「版面配置」→「修改 HTML」,修改前先點選「下載完整範本」備份你的範本。接著點選「展開小裝置範本」的 Check Box 開啟完整的範本,依下列順序分別裝載 CSS、JavaScript 與 HTML 即可。

1. CSS:
將 CSS 複製到 ]]></b:skin> 這行字元的下一行,或是貼在 <head></head> 之間即可。

<style type='text/css'>
.photoPanel
{
position: absolute;
width: 770px;
height: 600px;
z-index: 99999;
text-align: center;
display: none;
}

.photoPanel .photo
{
padding: 10px;
border: solid 1px #666666;
background-color: #ffffff;
}

.photoBackground
{
position: absolute;
top: 0px;
left: 0px;
z-index: 99998;
background-color: #000000;
cursor: not-allowed;
filter: alpha(opacity=60);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
-moz-opacity: 0.6;
opacity: 0.6;
display: none;
}

.largePhoto
{
}
</style>

2. JavaScript:
將下列 JavaScript 放置於 CSS 之後。而其中紅色字樣的 URL 為載入照片時會顯示的 Loading 圖示,請自行改用自己的 Loading 圖示網址。

若你不想自行設計,可以下載這張圖後,再上傳至你的網路空間,並更新紅色字樣的 URL。(請勿使用我提供的網址)

<script type='text/javascript'>
// masaru's vision photo viewer version 0.5
var masaruPhotoViewer = {
loading: "http://lh3.ggpht.com/...../s288/loading.gif.jpg",

start: function() {
document.getElementById("photoImage").src = this.loading;

var ns = (navigator.appName == "Netscape");
if (ns) document.captureEvents(Event.CLICK);

document.onclick = function(e) {
if (!e) {
e = window.event;
}

var pass = true;
var regex = new RegExp("/s(144|288|320|400)/", "g");

var t = ns ? e.target.className : e.srcElement.className;

if (t == "largePhoto") {
pass = masaruPhotoViewer.initPhoto((ns ? e.target.src : e.srcElement.src).replace(regex, "/s800/"));
}
else if (t == "photo") {
pass = false;
}
return pass;
}
},

initPhoto: function(photo) {
var pass = navigator.userAgent.indexOf("MSIE 6") > 0 ||
navigator.userAgent.indexOf("MSIE 7") > 0 ||
navigator.userAgent.indexOf("MSIE 8") > 0 ||
navigator.userAgent.indexOf("Firefox") > 0 ||
navigator.userAgent.indexOf("Chrome") > 0 ||
navigator.userAgent.indexOf("Safari") > 0;

if (pass) {
var p = document.getElementById("photoPanel");
var b = document.getElementById("photoBackground");
var w = document.documentElement.clientWidth;
var h = Math.max(document.documentElement.scrollHeight, document.documentElement.clientHeight);
var st = Math.max(document.body.scrollTop, document.documentElement.scrollTop);
var t = (document.documentElement.clientHeight / 2) - (600 / 2);

if (t &lt; 0) {
t = 0;
}

p.style.top = t + st + "px";
p.style.left = (w / 2) - (770 / 2) + "px";
b.style.width = w + "px";
b.style.height = h + "px";

p.style.display = b.style.display = 'block';
document.getElementById("photoImage").src = photo;
}

return !pass;
},

closePhoto: function() {
var p = document.getElementById("photoPanel");
var b = document.getElementById("photoBackground");
p.style.display = b.style.display = 'none';
document.getElementById("photoImage").src = this.loading;
return false;
}
};
</script>


3. HTML:
HTML 部分則放於 <body></body> 之間的任意位置即可。(建議放前面一些)

<div class='photoPanel' id='photoPanel'><a href='#' onclick='return masaruPhotoViewer.closePhoto();' title='點一下關閉'><img id='photoImage' class='photo' /></a></div>
<div class='photoBackground' id='photoBackground'> </div>
<script type='text/javascript'>
masaruPhotoViewer.start();
</script>


使用方式
在撰寫 Blog 文章時加入了照片,會產生如下列的 HTML 碼,只要在 <img> 中加入 class="largePhoto" 這個屬性(紅色字串)即可讓你的 Blog 擁有以 Modal Window 顯示照片大圖的功能。

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPvqHfTDk_N7y1wAmt31bhLBgytIKB0ZnFj_45p_cAxbZN3oLFpykuhdEni78zrzHu1cB_53DilGIDU2y6pHc92yv9q0DS1F7mxMIrkx9-G4-SETgZcjcWc8rh0M6hZA6VEHr1a30a3gTF/s1600-h/P1081595.jpg"><img style="cursor:pointer; cursor:hand;width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPvqHfTDk_N7y1wAmt31bhLBgytIKB0ZnFj_45p_cAxbZN3oLFpykuhdEni78zrzHu1cB_53DilGIDU2y6pHc92yv9q0DS1F7mxMIrkx9-G4-SETgZcjcWc8rh0M6hZA6VEHr1a30a3gTF/s400/P1081595.jpg" border="0" class="largePhoto" alt=""id="BLOGGER_PHOTO_ID_5288933330058924642" /></a>


效果展示
點選下列照片來體驗 Photo Modal Window。


若有任何問題,歡迎留下你的意見。

...(閱讀全文)

星期五, 2月 13, 2009

Fujifilm FUJICOLOR PROPLUS Ⅱ 100 ~第 1 捲~

去年買的 Fujifilm FUJICOLOR PROPLUS II 100 Pack 完成了第一捲的拍攝與沖洗,這次使用 YASHICA FX-3 Super 2000 搭配

Contax Carl Zeiss T* Planar 50/1.4 AEJ
- 與 -
CARL ZEISS JENA DDR MC S 135/3.5

這兩顆西德、東德蔡司鏡頭,CZJ 135/3.5 是利用 M42-C/Y 轉接環轉接至機身;富士 PROPLUS II 100 的照片看起來清清淡淡蠻清爽的,適合不喜歡濃郁味道的人使用。

秀舍沖掃(FUJI SP-3000 FDi V4.5)。Click 檢視大圖。



#1.


#2.


#3. 第一次看到單車被這樣偷的,可惱啊。


#4.


#5. ↑↓ 這兩張使用 CARL ZEISS JENA DDR MC S 135/3.5 拍攝。


#6.


#7.


#8.


...(閱讀全文)

星期一, 2月 09, 2009

春櫻報到:都市中的緋寒櫻

本來是在公司附近的公園試新買的鏡頭,沒想到發現公園內有一株緋寒櫻(山櫻)正盛開著,所以當時就順手拍了這張,不過也打定主意第 2 天要帶長鏡頭再來拍一次,雖然飄著毛毛雨,卻讓櫻花更美麗動人。

使用 OLYMPUS E-3 + ZD 40-150/4-5.6 拍攝。Click 檢視大圖。









...(閱讀全文)

星期六, 2月 07, 2009

2009 台北燈節 Taipei Lantern Festival

星期六台北國際書展排班後,按照計畫到市民廣場、國父紀念館拍今年的燈節,感覺上市民廣場的燈比較西式,風格多為可愛或新潮,國父紀念館則較為傳統,燈分布比較散,而且有些不太能稱為燈的怪怪設置。

本篇以照片為主,不多作贅述。使用 OLYMPUS E-3 + ZD 12-60/2.8-4 手持拍攝。Click 檢視大圖。

#1. 寰宇采風燈區 - 大洋洲。


#2. 這是今年看起來最繽紛燦爛的花燈。


#3. 非洲。


#4. 歐洲。


#5.


#6.


#7.


#8. 愛戀主題燈區 - 灰姑娘 vs 牛郎織女。


#9.


#10.


#11.


#12.


#13.


#14.


#15. 今年的主燈。


#16. 學生燈區。


#17.


#18.


#19.


#20. 同場加映「寬版」。


里程碑:masaru's vision 第 200 篇文章達成。

...(閱讀全文)

星期五, 2月 06, 2009

PHOTO 物語 × FEB 6, '2009

又是一年一度的台北國際書展,今天也開始輪班了,可能是下雨的影響,人潮似乎沒去年多。使用 Fujifilm F50fd 拍攝。Click 檢視大圖。



...(閱讀全文)