http://www.worldtimebuddy.com/
介面非常簡單，以下只提幾個操作重點。
- 增加城市：左上輸入區塊可直接輸入世界各地的城市名稱，目前只限英文。
- 選擇日期：輸入區塊右方的日曆點開就可選擇任意日期。
- 12 / 24 時制切換：點右上方的「am / pm / 24」圖示可直接切換。
2011年7月27日
任意時間時區換算 World Time Buddy
2011年7月18日
CSS 圖片垂直置中
Chrome, Firefox, Safari, Opera, IE8/9
CSS
.a{
display: table-cell;
vertical-align: middle;
}HTML
<div class="a">
<img src="…" />
</div>
IE7
CSS
.a{
display: table-cell;
line-height: (高度同容器 height) ;
vertical-align: middle;
}
.b{
display: inline;
}HTML
<div class="a">
<img src="…" class="b" />
</div>
P.S. 若使用此方法後，在 IE7 仍然無法垂直置中，請檢查一下在 <html> 前有沒有 <!DOCTYPE> (W3CSchools <!DOCTYPE>)
2011年7月10日
黑龍公主巢穴鑰匙 / 龍火護符 / 溫德索爾元帥任務串備份
[54] 黑龍的威脅 Dragonkin Menace
起始：赫林迪斯‧河角 Helendis Riverhorn
結束：赫林迪斯‧河角 Helendis Riverhorn
燃燒平原上永遠充滿了爭端。
看看這個地方!我們不知道這些建築到底是怎麼回事，但是我們會永遠記住，在大爆炸之前，這些地方原本都是屬於赤脊山範圍的。
現在的情況真是太糟糕了!我們碰到了一個問題，[玩家姓名]。你也許已經注意到在這道山脊下徘徊的那些龍了。殺了它們，越多越好。去完成這個任務，然後我們再來談談別的。
2011年7月6日
Opera 背景高度無法擴展
原因
若網頁內容高度比視窗高度少，內容底部至視窗底部的這一段有可能會是瀏覽器的預設背景色。（預設值通常會白色）
若使用 Fullscreen 功能再縮回，這一段背景會回復正常。但重新整理後又會出現兩塊背景。
解法
分別在
html和body加上min-height:100%強迫擴展高度。CSS 部份
html, body{min-height:100%;}
IE6 Overflow:hidden 失效
原因
CSS 部份
div#A{overflow:hidden;}
div#B{position:relative;}HTML 部份
<div id="A">
<div id="B"></div>
</div>說明：這是 IE6 的 Bug。當子元素 B 設了
position:relative後，父元素 A 的overflow:hidden會失效，B 區塊超出 A 的部份無法被隱藏。
解法
在父元素的 CSS 也加上 position:relative 即可。
div#A{
position:relative;
overflow:hidden;
}
div#B{position:relative;}
IE6 Bug: position:absolute 區塊消失
原因
CSS 部份
div#A{position:absolute;}
div#B{float:left;}HTML 部份
<div id="A"></div>
<div id="B"></div>說明：因為 IE6 自身的 Bug，若設了
position:absolute的 A 後面緊接著設了float的 B，A 會消失不見。
解法
在 A 跟 B 之間夾一個空的 div，讓 A 不會緊臨著設了
float的元素。。<div id="A"></div>
<div></div>
<div id="B"></div>若要寫得漂亮一點，只針對 IE6 的話可以用註解的方式：
<div id="A"></div>
<!--[if IE 6]><div></div><![endif]-->
<div id="B"></div>
2011年6月2日
IE 背景消失
有時候在使用 IE 內建的 Developer Tools 時，某 Element 的背景會不見；且無論 IE9 和 IE8 都會發生這種情形，若關閉 Developer Tools 背景又回復正常。爬了文發現這是 IE 本身的 Bug，跟 HTML 或 CSS 的寫法無關。
解法：在其父元素設定背景。
我這次遇到的狀況是 <body> 的背景不見，在 <html> 加上背景就回復正常了。
原來的 CSS Code
body{background:#000;}
改寫後的 CSS Code
html{background:#000;}
body{background:#000;}
在這個 Case 裡，<body> 的背景會把 <html> 的背景蓋掉，所以 <html> 的顏色隨便設就好。若將來遇到父元素不能有背景，也許可以使用 1x1 px 的背景去解決。不過我還沒時間試就是了。
2011年3月27日
2011年1月17日
2010年9月13日
2010年7月6日
2010年6月8日
position:absolute 根據何者定位？
總算搞清楚定位方式：
<div style="position:relative;" id="a">
<div id="b">
<div style="position:absolute;" id="c"></div>
</div>
</div>
向上追溯到最後一個有設 position 的元素。以此例來說 #c 就是根據 #a 來定位，#b 因為沒有被設定 position 所以不會是 #c 追溯對應的元素。
2010年5月24日
2010年4月6日
Video Inspector - 得知影片所需的 Codec
如圖所示，Video Inspector 會列出音訊和視訊所需的 Codec 資料並協助下載，若無法從官方網站下載去 Google 一下應該就有各 Codec 的安裝程式。
此為免費軟體，但要填寫簡單的問卷。可至官方網站下載，有正體中文版。
2010年4月2日
[OpenOffice.org] 將圖片合併到檔案中
工具列 → 編輯 → 連結，打開連結編輯工具。
選取欲合併的檔案後，按下右下方的「解開」（有些版本翻為「中斷連結」）。
Tip：按住 Ctrl 可一次選擇多個檔案、若要全選按 Ctrl+A 即可。
2010年2月25日
晶紅虛無和翡翠虛無一次達成 - Achievement Emerald Void & Ruby Void
此打法可達成「翡翠虛無」（Emerald Void）和「晶紅虛無」（Ruby Void）。一般稱五黃打法，就是五個人都選青銅龍（琥珀龍）而無紅龍或綠龍的組合。需在英雄模式下完成。
開場及虛無階段結束後
虛無（以下稱 Phase2 = P2），虛無階段就是王會變成沒辦法攻擊。
坦克：按 2 時間暫停 → 按 3 引導
其他：1 普攻連按
PS. 有人按 3 的情況下按 1 會讓王上 debuff
王身上的 debuff 疊 10 次之後
其他：按 3 引導
↓
坦克：看到四個人引導之後，按 1 攻擊後馬上按 3 引導
↓
其他：看到坦克引導後，馬上按 1 攻擊
時間暫停鍊
P1：坦（開場） → 補（第一次暫停結束後放） → DD1（自己看情況放）
↓
P2：大家閃，不要離王太遠，P2 結束後可以馬上攻擊
↓
P1：DD2（虛無結束後馬上放）→ DD3（暫停結束後放）→ 坦（自己看情況放）
↓
P2：大家閃，不要離王太遠，P2 結束後可以馬上攻擊
↓
P1：補（虛無結束後馬上放）→ DD1（暫停結束後放）→ DD2（自己看情況放）
↓
王掛了。
其他
攻擊時在中央圓盤上方打即可，這樣不小心死掉的話可以降落在地板上不會摔死。掉到地板後離開座騎還可以用自己的職業技能打王。
2009年11月26日
2009年5月26日
Illustrator：填色和筆畫
Case 1 填色被筆畫遮住，希望筆畫只顯示在填色外圍，而不遮住填色。
- 打開外觀面板。
- 中文版：視窗 > 外觀
- 英文版：Window > Appearance
- 快速鍵：Shift+F6
- 把外觀視窗中的筆畫用滑鼠拖移至填色下方。
- 選取該物件。展開外觀。
- 中文版：物件 > 展開外觀
- 英文版：Object > Expand Appearance
- 快速鍵：無。
- 展開。
- 中文版：物件 > 展開
- 英文版：Object > Expand
- 快速鍵：無。
- 選擇要展開的項目。因為只要分開筆畫，所以選擇「筆畫 (Stroke)」即可。
- 筆畫和填色已分離。
Webdesigner Depot：100 個優異紙藝
Webdesigner Depot - 100 Extraordinary Examples of Paper Art
今天推薦的是 Webdesigner Depot 所介紹的紙藝作品。這邊只挑了幾個我自己比較欣賞的，有興趣請自己點連結看囉。
Peter Callesen 作品 (網站)
Jen Stark 作品 (網站)
Yulia Brodskaya 作品 (網站)
Bert Simons 作品 (網站)
訂閱：
文章 (Atom)