Stylet 小豬圈

IE10 開啟 localhost 會停頓的問題

2013-09-05T05:01:00.004+08:00

最近在用 IE 檢查網站相容性時，遇到開啟 localhost 時會停頓一陣子的問題。後來在 IE10访问apache 2.4会奇慢的解决办法 - mikelij - 博客园一文看到解決方式，就是在 httpd.conf 加入下列參數：
```
AcceptFilter http none
AcceptFilter https none
```
AcceptFilter Directive - core - Apache HTTP Server

CSS 以圖取代文字

2013-08-31T15:10:00.000+08:00

用 CSS 將文字以底圖取代，實例可參考 CSS Zen Garden。
另外還得考量無障礙 (Accessibility) 和搜尋引擎最佳化 (SEO)

display: none

<h1><span>Headline 1</span></h1>

h1{
  background: url(headline1.png);
  width: 200px;
  height: 100px;
}
h1 span{
  display:none;
}

需要額外的元素

visibility: hidden

<h1><span>Headline 1</span></h1>

h1{
  background: url(headline1.png);
  width: 200px;
  height: 100px;
}
h1 span{
  visibility: hidden;
}

基本上和 display:none; 一樣，只是有佔空間

text-indent: -9999px

<h1>Headline 1</h1>

h1{
  background: url(headline1.png);
  width: 200px;
  height: 100px;
  white-space: nowrap; /* 設為不換行，使內容集中在一行 */
  text-indent: -9999px;
}

好處是不需要額外的標籤

text-indent: 100%;

<h1>Headline 1</h1>

h1{
  background: url(headline1.png);
  width: 200px;
  height: 100px;
  white-space: nowrap; /* 設為不換行，使內容集中在一行 */
  text-indent: 100%;
  overflow: hidden;
}

同上，但可避免讓瀏覽器建立一個大而無用的格子

開啟 ASP.NET 除錯

2013-03-28T15:41:00.000+08:00

這是在修改遠端 ASP.NET 網站遇到的問題，伺服器預設會避免顯示詳細的錯誤資訊並導向錯誤訊息面頁，立意良善但要除錯就麻煩了…

修改 web.config ：

<?xml version="1.0"?>
<configuration>
  <system.web>
    <customErrors mode="Off"/>
    <compilation debug="true">
    </compilation>
  </system.web>
</configuration>

Chrome 會自動啟用 Flash plug-in

2013-02-09T23:23:00.002+08:00

剛更新完 Flash 後才發現的，還以為我電腦中毒咧！(Google Chrome 24.0.1312.57 m, Win 7, Adobe Flash Player 11.5.31.139)
目前解決辨法：將C:\Users\Username\AppData\Local\Google\Chrome\Application\24.0.1312.57\PepperFlash 這個目錄給改名。
SimpleRNA: Google Chrome Auto-Enables Flash, Degrades User Experience
Pepper Flash Will NOT stay Disabled - Enables Itself Every Day - Google 網上論壇

使用 <img> 或 CSS/background-image 的時機

2012-11-12T18:35:00.001+08:00

<img>:
- 適用於“屬於內容”一部份的圖片，像是旅遊的文章與其相片
- 使用 alt 屬性，有利於無障礙設計
CSS/background-image:
- 適合用於“不屬於內容”一部份的圖片，像是清單圖示、裝飾用圖
- 可以用於“以圖代文”，參考 css Zen Garden 裡用底圖取代標題文字的作法
- 可以使用 CSS sprites 減少下載次數與頻寬
- CSS2 還無法縮放圖片大小 (CSS3/background-size)

參見：html - When to use IMG vs. CSS background-image? - Stack Overflow

在 Google Calendar 顯示農曆日期

2012-09-07T13:41:00.004+08:00

剛剛才知道 Google 日曆可以顯示農曆(陰曆)。到“設定”裡選擇“非公曆”即可。

CSS height:100% 無法佔滿畫面整個高度

2012-07-31T21:22:00.000+08:00

結論：連 html 與 body 都要設定 height:100%

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
html
{
  height:100%;
}
body
{
  height:100%;
  margin:0;
  padding:0;
}
div
{
  border:1px solid black;
  background:green;
  height:100%;
}
    </style>
  </head>
  <body>
    <div>long long long long long long long long text with break</div>
  </body>
</html>

表格(table, td) 的 overflow 屬性無作用

2012-07-31T20:49:00.000+08:00

直接記結論如下：
table 要加上 table-layout:fixed 的屬性
table 要設定寬度 width 的屬性，僅有 td 設定寬度是不夠的！
如果連有空格分隔的段落也要隱藏，則加上 white-space:nowrap
「overflow:hidden」！

Flash 11.3 頻當機

2012-07-13T16:48:00.000+08:00

更新 Flash 後一直當機，解法參見下列鏈結：
http://support.mozilla.org/en-US/kb/flash-113-crashes

SQLite 預設時區為GMT

2012-07-06T11:58:00.001+08:00

若將 SQLite 資料庫裡的時間欄位，設為自動填入目前的時間(如下例)，則預設時區一律是 GMT(+00:00) ，而非 php.ini 所設定的時區。

CREATE TABLE table_name
(
  col_name DATETIME DEFAULT CURRENT_TIMESTAMP
);

解決方案之一是從 PHP 裡轉換：

<?php
$get_datetime_form_sqlite = '2009-03-21 13:14';

$myDateTime = new DateTime($get_datetime_form_sqlite, new DateTimeZone('GMT'));
echo $myDateTime->format(DateTime::ISO8601);
//output: 2009-03-21T13:14:00+0000

$myDateTime->setTimezone(new DateTimeZone('Asia/Taipei'));
echo $myDateTime->format(DateTime::ISO8601);
//output: 2009-03-21T21:14:00+0800

另外就是做 SQL 查詢時轉換：

SELECT datetime(col_name, 'localtime') FROM table_name;

純 CSS 式預載 :hover 圖片

2011-09-08T18:46:00.005+08:00

<style type="text/css">
.button
{
  background: url("button_hover.png");
}
.button div
{
  background: url("buttonr.png");
}
.button div:hover
{
  background: url("button_hover.png");
}
</style>
<div class="button"><div></div></div>

其實就是先把 :hover 所需圖片，先放在下面。

這只適合同大小，非透明的圖片。
預載的時間點就和其它圖片一樣，而不像用 javascript 可以設定在網頁載入之後。

IE <button> 送出非預期的值

2011-09-07T23:01:00.005+08:00

<button type="submit" name="foo" value="bar">text</button>

上面這段一般會預期送出bar，但在IE7之前的版本會送出text。

這次專案客戶反應表單不能使用，在各瀏覽器(IE、FF、Chrome、Opera)都試過後，才在IE8的相容性檢視才發視這個問題。

其實這問題之前就知道了，只是長久下來只記得不要用 <button> ，久而久之就忘了“為什麼？”。這次使用 <button> 只是單純為了讓有多個送出按鈕的表單，其按鈕所顯示的文字與送出的值分開，再加上沒有用 IE6/ 7測試，就被這個老問題給再炸了一遍。

AXIMcom X-116NX

2011-07-25T18:24:00.004+08:00

From 2011-07-25

前天家裡新增了一台路由 X-116NX，試著啟用其內建的 VPN/PPTP server，卻遇到了“可以登入VPN 但無法上網”的問題，最終解決方法是輸入自訂的DNS即可。

1000m/30min

2011-07-05T19:34:00.001+08:00

今天第一次試著不休息，持續游個一千公尺，約三十分鐘，跟預期差不多。

舔一口試試

2011-07-04T14:51:00.001+08:00

好吃！

當超過一定程度後

2011-06-05T00:08:00.004+08:00

此圖引用自命名-RIVER's 543-新浪部落

信仰過了頭，就是瘋狂。

註：這篇漫畫的內容被改過了…

收到 Android 2.3.4 更新

2011-05-05T16:55:00.000+08:00

PHP 在 Windows 下的 Unicode 檔名問題

2011-04-16T08:32:00.003+08:00

簡而言之…無解！ (爆)
要等到PHP6原生支援Unicode才行。

Android 2.2.2 更新

2011-01-26T23:59:00.000+08:00

更新後出現了SD卡損壞的訊息，檢查磁碟錯誤無效後，只能格式化解決了(淚)。

看啥！？

2011-01-23T17:32:00.000+08:00

我家老黃最近愛上我的大腿了！不讓牠坐大腿會生氣咧。

惡．即．死

2011-01-12T16:05:00.004+08:00

如果這世上的每個人都得到一種超能力(被動技能)，就是你心目中認定的壞人會直接死亡！。

那麼，人類會滅亡嗎？

Dead Nation

2011-01-08T16:24:00.002+08:00

圖片來自DeadNation @ facebook
很老梗的殺僵屍遊戲，但還滿好玩的。畫面很棒，操作簡單。
單機雙人模式是共用畫面，所以容易“拖螢幕”。
關卡的“長度”與“難度”不均(一般常見設計是一關一關增加難度)，常常有“這關一下就結束，但到另一關卻遲遲沒看到終點”的感覺。
破關後第二輪只會繼承防具，變化有點少。
個人評價：值得玩一遍！

Unstoppable

2010-11-06T01:46:00.000+08:00

Rascal Flatts - Unstoppable
看CSI: Unshockable (S10E14) 時聽到的一首歌，滿好聽的。

嘸蝦米在 Android 2.2 上終於可以用了

2010-11-02T21:22:00.004+08:00

這次嘸蝦米的更新後，終於解決了 Android 2.2 不能用的問題。呼，終於！

找不到實體的開發裝置

2010-10-21T12:36:00.004+08:00

這是在我重灌 Windows 後發生的，由於我把 Android SDK 與 Eclipse 安裝在系統槽之外，重灌後直接執行就發生：Android Device Chooser 沒有列出我接在 USB 上的 Nexus One！
到裝置管理中更新 Nexus One 的驅動程式(%Android SDK%\usb_driver)即可。