寶藏巖．五年

上上個週末因為誤信了寶藏巖已經開村的消息，
在凡那比颱風登台的前夕騎著腳踏車再次探訪多年不見的寶藏巖。

以前因寶藏巖離學校非常近，大學時又住在學校(而且還天天蹺課)，
自從發現寶藏巖的小村落便愛上了那帶著廢墟氣息的氛圍，三不五時往那裡跑。
最喜歡的不是晴天而是雨天，
循著蜿蜒的小路一直走到最頂端的木平台，坐在那裡吹風淋雨，可以坐一整個下午發呆都不會有人跟我搶。
回宿舍再洗個熱水澡，非常享受。

畢業後搬離學校，距離遠了，上班也無法像上課一樣自由的想蹺就蹺..
一陣子沒有去看寶藏巖，再去看的時候竟然圍起了工地圍牆，說是要做什麼整建的我也搞不清楚，
安心的想著應該沒多久就可以再開放了吧？
沒想到就這樣過了好幾年。

重新踏上寶藏巖的瞬間是興奮的，畢竟真的好久好久沒看見了，
雖然還有一些人在施工，但總之拿起相機先走走晃晃的拍些照...
沿著寶藏巖外圍往腳踏車道的方向走，
果然變了很多。
沿著牆的一片，以前是老阿嬤的小菜園

現在被全部剷平了，鋪上一片草皮。

可能因為匆匆趕工鋪上吧，看起來有點焦黃，
還安置上了幾隻石刻鳥，感覺更是淒涼。

以前有些看起來很克難的木頭階梯

現在也都不見了。
我沿著新蓋好的高級階梯往上爬，
邊爬邊想著這裡真的變了好多..一邊搜尋能拍照的點。
沒想到從階梯上突然衝出一個穿著保全服裝的大叔對著我吼：
「這裡還沒開放！！你在這裡做什麼！！！」

背著三台相機的我整個很傻眼的看著他說...
「拍照啊 O____O;
不是已經開放了嗎...聽說開放了我才來的......」

保全大叔繼續大吼：
「還沒！！還沒開放！！10月2號才開！！到時候再來！
不准再往裡面走了！這裡有九十幾台攝影機，你在哪裡我們都很清楚！！」

我只好往回走...
一邊想著..以前這裡除了小土地公，哪有什麼保全、攝影機..
現在除了滿山的攝影機，還裝了夜間照明用的大燈，
入村的地方也正在施工，想來是為了開村活動要搭建表演用的平台，
村口還有另一個保全大叔在值班，於是去問問他為什麼要如此嚴密監視，
大叔說是因為之前封村時有個後台很硬的人擅自闖進施工中的地方，結果發生意外死了，
於是這個很硬的後台就去跟市政府吵鬧，索賠一千萬。
市政府當然不願意賠，於是把皮球踢給施工單位，叫施工單位賠一千萬。
施工單位當然更不願意賠，說整個工程賺也沒賺到一千萬就要我賠一千萬！？
總之現在還在吵鬧中，要等10月移交給文化局才能讓一般人進去。

我：「...Orz...我可以簽一個死了也不會告你們的切結書然後進去拍照嗎....」
大叔：「...Orz...沒辦法啦...」

雨愈下愈大，我也只好離開了。
離開之前保全大叔跟我說10月2日再來吧，有很盛大的開村活動喔！有節目表演喔！
我只能苦笑..
並不是所有東西都是有人去管理、改建就會變得更美好，
我喜歡的是那安靜古樸的寶藏巖，
不是有表演、很熱鬧、人山人海的寶藏巖啊。
可惜時間再也回不去了。

但美好的寶藏巖永遠在我心裡。

解決Win7環境IETester無法模擬本機檔案之IE7狀態問題

前陣子電腦重灌，
因為畢生難得終於有好人可以使用(無誤)，於是我很懶惰的把事情都丟給阿饅。
阿饅也很理所當然的幫我灌了Win7，
之後我自己灌了新下載的IETester v0.4.4
沒想到要測網站的時候竟然很震驚的發現...IE7的頁籤測本機端檔案完全不能作用了！！
囧...大驚之下趕快開始拜google大神，

結果看到google大神說，只要取消相容性執行的勾勾就可以了！
可是我找到相容性卻發現...根本就沒有勾啊＠＠
也試了選XP SP2、XP SP3的相容性執行來試試看...結果更慘，連網址列要輸入都沒辦法了..

無奈之下只好繼續google，
於是有人提供了一個有點麻煩但是真的有用的方法！
解法如下：

舉例來說，我想要開啟的頁面是「E:\web\index.html」

1. 點選IETester上面的「所有IE版本」
2. 勾選IE7，並在「輸入要在所有IE版本開啟的網頁網址」欄位內輸入「該網頁的資料夾位置」
   在本例中就是輸入「E:\web\」。
3. 輸入完按下Enter後，網頁顯示的部份會以一個很像windows資料夾的方式開啟該資料夾路徑，
   此時再繼續在網址列中接著輸入剩下的檔名「index.html」，按下Enter。
4. 上面的網址列就是我要的「E:\web\index.html」，而且網頁也就這樣很神奇的顯示了！

就是這樣～分享給也遇到這個問題的人。
不過還是希望IETester趕快改版來解決這個問題吧！

台新銀行最懂女人心...個屁！！

今天下午突然手機響了，來電顯示是個不認識的電話0981361591，
接起來是位...應該是阿姨級的人物，劈頭就說：
「這裡是台新銀行XXX(沒聽清楚)，小姐你有使用信用卡或現金卡嗎？」

雖然覺得丈二金剛摸不著頭腦，我還是回答她「有...啊」

於是她馬上連珠砲似的繼續說：
「那你付款的時候都是使用一次付清還是分期？」

身為一個小時候跟陌生人講話就被老爸毒打的好孩子(無誤)，
雖然她講話沒有大陸腔，我還是很警覺的發問了：
「呃...我為什麼要告訴你？我沒有使用你們的任何服務耶。」

沒想到這位阿姨很快速的爆氣了：
「這是因為我們最近有個整合的服務...整合只有一家那就不叫整合了啊！！
要不要回答隨便你！！！=皿=！！！」


然後迅雷不及掩耳的掛了我的電話 =_____=

拎阿嬤咧！莫名其妙打電話來，講沒幾句就兇我還掛電話是怎樣！？
我有求你打電話給我嗎！！？

無言的發了一陣悶氣，還是決定向台新銀行反應，
這種垃圾電話實在應該禁止！特別是垃圾人打的！=皿=
再說如果台新銀行可以有個合理的回應，對他們的觀感應該可以恢復一點。
沒想到找到台新銀行的客服專區之後竟然發現「抱怨」類要在「上班時間」撥打「市話」才行，
想到可能得到的罐頭回應......實在不願意花電話錢來買！

又找了一下終於發現線上留言的表單，
洋洋灑灑的寫完來龍去脈，按下送出......

「網頁無法顯示」


.........靠腰！！！你耍我啊！！！！！！！！
總之我真的怒了！！一輩子都不想跟台新銀行有任何關係！！
最好不要再打這種機掰電話給我！！
台新銀行最懂女人心？屁！！！
難道不知道惹熊惹虎不能惹到恰查某嗎！！

真是夠了。=皿=

能通過W3C驗證的IE6、IE7 css hack要點

就在IE9 preview已經掀起討論風潮的現在，IE6、IE7仍然陰魂不散。
基於IE9不支援windows XP的原因，看來這個陰魂不散的情形還會持續很久很久..
本來很期望世人能夠看見IE6、IE7實在是已經該被淘汰的事實，進而升級或者使用其他瀏覽器，
但是昨天上班時處理了一則必須教會老伯如何使用某網站的客服......
講完將近一小時的電話後深深的感受到什麼叫做「數位落差」啊！！！orz
馬上讓我理解到要讓許多不熟悉電腦的使用者自己下載瀏覽器來用、甚至更新IE都是不可能的任務..
對於這個悲慘的現實也只能摸摸鼻子接受了。
然而要做IE6、IE7的css hack對於許多網頁設計師來說仍然是會造成粗口連連的工作，
剛好對這部份有些小心得，剛才查詢了一下也沒有什麼相關資訊，
索性就厚臉皮的分享一篇。

css reset
要寫出跨瀏覽器都能顯示一致結果的css，第一件事應該就是css reset了，
這部份很多人寫我就不多說，
最熱門的兩種就是YUI css reset和Eric Meyer的版本了，
我自己習慣使用的是使用Eric Meyer的版本再稍加修改，
畢竟別人做的東西雖然方便但未必完全符合自己需求，修改之後可以用得更順手。


能通過W3C驗證的IE6、IE7 css hack寫法
大部分的教學中都是使用*和_來達成css hack，
在css的屬性前面加上*可以達到IE7的hack，而加上_則可以擺平IE6，
用起來非常方便，
不過在IE8終於追隨W3C的規範之後會在意網頁究竟能不能通過驗證的人也愈來愈多，
偏偏*和_的寫法不能過驗證，
搜尋很多資料後才找到了可以通過的寫法：
在選擇器前面加上*:first-child+html可以針對IE7 hack，
而加上* html則可以針對IE6 hack，
如此便能通過W3C驗證。

ex:

*:first-child+html #side {
margin-right: 5px;
}/*--for ie7--*/

* html #side {
margin-right: 2px;
}/*--for ie6--*/

注意針對IE6使用的* html在*號後面有一個空白字元，若是忘記加上的話也沒有辦法過驗證喔！


float的使用
一開始要做需要IE6、IE7 hack的網頁時最頭大的就是使用float的部份常常會大爆炸！
經歷過那些一測試就發現整個網頁大爆炸的日子...真是可怕。
後來發現了幾個關鍵點，修正之後世界就突然變得美好許多XD

對我來說最容易爆炸的就是使用了float的列表，
html的部份是這樣：

<ul id="top_menu">
  <li><a href="#">選項一</a></li>
  <li><a href="#">選項二</a></li>
  <li><a href="#">選項三</a></li>
  <li><a href="#">選項四</a></li>
</ul>

以前我會傻傻的寫這樣的css：
#top_menu li a {
    float: left;
    display: block;
    background: #cccccc;
    width: 100px;
    height: 30px;
    line-height: 30px;
    margin: 10px;
    border: #333333 1px solid;
    color: #666666;
    text-align: center;
}

很開心的在fx看見它們長得就像我心裡想的樣子：


可是等我打開IE tester之後，卻崩潰的發現...


一開始想了很多方法都解決不了，腦袋很蠢的卡在點選範圍一定要寫在a上才能感應這件事情，
於是有一陣子都只好改用絕對定位來寫，
但是這樣必須把每個項目都加上id或class，真的好煩！
後來有一天才赫然發現可以這樣寫：

#top_menu li {
    float: left;
}

#top_menu li a {
    display: block;
    background: #cccccc;
    width: 100px;
    height: 30px;
    line-height: 30px;
    margin: 10px;
    border: #333333 1px solid;
    color: #666666;
    text-align: center;
}

僅僅是把float搬進li層，馬上就省下好多麻煩事！
不知道還有沒有跟我一樣傻傻的把float寫進a裡面結果為了大爆炸苦惱的人...可以參考參考。

另外就是IE6對於margin範圍的判斷異於常..瀏覽器，
大多在解決float問題後還會發生爆炸都是margin問題，
試著調整一下，若還不行的話就把寬高指定固定值，再搭配overflow: hidden;通常都能夠獲得解決。

然後就可以大罵一聲IE sucks！之後收工啦XD！

寫這篇文章看看能不能幫助一些跟我一樣只知道蠻幹亂寫又沒人可以救的人~
如果只有我這麼呆...那就當作我在自嗨好啦 : ~
還是希望IE6、7早日安息，阿們。

彆扭狗的誕生

阿饅說，他想要一隻草泥馬。
身為一個(假裝)擅長縫紉的阿桑，當然二話不說的答應了。
可是我真的不知道要怎麼憑空生出一隻草泥馬來，
光要想怎麼畫紙型都想了老半天，
最後只好投降的去買了一本教學書：



裡面教了很多布偶的製作，還附上原寸紙型，
不過..當然沒有草泥馬。

只好先挑一隻狗來做做看，看能不能從中領悟出草泥馬的拆法。
費了一番功夫終於做好了，就像上面的圖片一樣，背影看起來還挺正常的。


側面好像也很正常，還蠻像隻狗的..

可是一翻到正面...




..........................................



這個彆扭的臉是怎麼回事！！
雖然我鼻子縫歪了，但那似笑非笑的表情是怎麼搞的啊！！！
看起來簡直是沒出息到了極點！！！

很懊惱的看了很久，
才發現我自顧自的縫上去的嘴...書上的狗並沒有縫啊...囧
不過萬念俱灰之下我也懶得拆了，就讓這隻彆扭狗繼續彆扭下去吧！

看之後會不會做出彆扭草泥馬，科科。

秒妙的頭套生活

秒妙上上星期被我給抓去結紮了。
台北的醫院真的好貴啊！
比起在鄉下結紮的茂谷柑，硬是貴了超過一倍的價錢..
不過享受的也是尊爵的待遇，
茂谷柑當時跟做TNR的貓差不多，液體麻醉後縫了三針再在醫院待幾小時醫生就說「可以放出去了」，
畢竟是隻野貓，給牠穿了防舔衣讓牠跑進山裡後隔天就跑出來吃東西，再隔天就活跳跳了..
秒妙則是開氣體麻醉的高級刀，開完還住院..住院還打點滴..出院還得吃藥的貴族待遇，
總算可以回工寮後也被迫掛上大頭套，馬上變得很像鬱卒老人。


老實說掛頭套真的蠻難保持平衡的..常常會邊走路邊搖頭晃腦，
平常隨便就跳上去的地方也變得很難跳，
大部分時間都很悲情的趴在窗戶旁邊哀怨的看著我。


其實也試著想用透氣膠帶+布做個跟茂谷柑當時一樣的防舔衣，
不過這小妞真是太擅長脫衣服了..
不管怎麼做她都可以脫掉，
最後還是只好甘願的給牠頭套掛著，總比傷口被舔爛好。

但牠本人還是非常不爽的。


總之很努力的忍耐了一個多星期，
到最後牠似乎也練成了掛著頭套也可以跳上電視的技巧..


本來有想過考慮讓牠多戴幾天，看能不能因此達到重訓效果而養成神力..
可是某天牠因為難以在貓沙裡保持平衡而差一點便便在我的棉被上之後我真的嚇到了....
還好傷口復原得不錯，秒妙總算回復自由之身，因此還興奮了好幾天XD。

總之希望這輩子都別再掛上頭套了。嗯。

阿桑的大褲褲

老實說這是我拖了很久很久很久才送的母親節禮物，
完全是因為老母很難討好+拿到大台縫紉機而冒出雄心壯志造成的奇怪結果..
雖然之前從來沒縫過衣服類的東西，
不過實在是想不到其他的供品了，只好買了一本書就開始蠻幹。

(附帶一提，布還真是有夠貴的..
買完布之後我都開始懷疑網路上賣一兩百元的衣服到底是怎麼做出來的了)



這就是我的參考書，
在書店翻它的時候覺得蠻像一回事的，之後就買了，
因為老母有著東方女性的梨形身材..特地挑了一件不合身機率比較小的阿桑大褲褲來做。
等到要開工打開了紙型才發現..哇靠！有沒有這麼難看懂啊！！
可能是為了省紙，竟然把整本書的一大堆紙型重重疊疊的印在兩張大紙上..
混亂的程度讓我連一邊用筆描都找不到哪一條才是我要做的線 =.=
而且好不容易描完兩大片紙型..竟然傻眼的發現兩片不一樣長！！？
這明明就是同一條褲管的前後片啊！！實在有夠靈異..
只好憑著阿桑的直覺豁出去的亂改..

改完也剪完布就開始縫了，
大縫紉機還沒用幾次，仍然陶醉在那驚人的效率之中，
沒想到得意忘形就這樣縫錯了...還縫錯了兩大條 T____T！！
省下來的時間全耗在拆線上了Orz
幸好身為一個阿桑，是不會被這種事情打敗的！！
總之最後還是縫完了，難搞的鬆緊帶也穿好了，
好不容易整個完成之後拿回家送給老母，心想這樣總是可以討好她了吧！
豈料她說：

「你這布邊一看就知道不是專業的。」


嘎啊！！
我就只有一個簡單壓腳是可以縫多專業啊！！！
連縫紉機都不會用的人打什麼槍啊！！！！！
我的一片苦心就這樣被糟塌了啊！！！


特地發篇文靠北一下，然後我要去下標買布邊壓腳了，哼。