升級 iOS 4.0.1 後

升級了 2 px

這兩張圖是升級前後的訊號圖示對照，可以看到升級後的圖示第一條、第二條 bar 高了 1px，造成一種凹凸不平的錯覺。

根據 Apple 的說法¹，這個更新是要讓訊號計算的公式更加準確：

The iOS 4.0.1 Software Update improves the formula to determine how many bars of signal strength to display on iPhone 4, iPhone 3GS, and iPhone 3G. The real signal strength remains the same, but the bars on iPhone will indicate it more precisely.

在軟體更新前後，iPhone 的收訊強度並沒有變好或是變差，新軟體只不過改變了訊號 bar 的計算方式而已，訊號 bar 的圖示對訊號完全沒有影響。

但 Apple 還是改變了圖示，我想 Apple 這麼做的理由有二：

1. 在收訊事件「爆發」後，訊號 bar 變成了眾人注目焦點，軟體更新後如果在視覺上能有所改變，可以給予使用者一個確定看到改變的證據。
2. 在訊號剩下一格的狀況下，舊版本的第一條 bar 太矮了，乍看之下會以為是零格，但新的版本就比較明顯。也就是說新版本是要告訴使用者「喂喂、看到了吧，我不是零格喔！我至少還有一格訊號呢！」

關於收訊問題

手機天線的硬體有其限制，Steve Jobs 說的是真的，大家都有一樣的問題，證據在這裡。

Daring Fireball 之前也貼出一篇 Droid 手機使用手冊的連結，上面清楚說明碰觸手機上半部會對收訊造成影響。

既然大家都有問題，那這個問題就不能算是問題，只能說 Apple 這次只有做的跟大家一樣，沒有更好。

你不爽？

大部分的消費者沒有興趣去理解原因，他們只會覺得不爽，為什麼不能用特定方式握手機？這種事簡直莫名其妙！

無論如何，你有兩種選擇：

1. 接受目前手機科技的硬體限制，買 iPhone 然後獲贈一個保護套，並且把訊號「問題」拋在腦後。如果手機收訊真的影響到使用，去找 Apple 退錢，用你的荷包來教訓 Apple。
2. 以不購買 iPhone 4 來表達你的憤怒與失望，用你的荷包來教訓 Apple。

拒買是你唯一可以真正反擊的方式。

寫文章抱怨或寫 email 給 Jobs 最多只能換來一個保護套，這就是現實啊孩子。

更新記錄

• 1.1 取消支援 8comic，改為支援 dm5.com，8comic 太慢了。
• 1.1.1 指定網址由 www.dm5.com 改為 www.dm5.com/Comic。(@zhusee2)。

使用前

使用後

dm5.com 有支援快速鍵：

• 空白鍵：下一頁
• Shift：上頁

下載 Comic Mode （需 Safari 5.0 以上）

點兩下即可安裝，安裝完後就去 dm5.com 隨便找本漫畫來看吧！

新的 Flickr Photo page 改版有兩個重點：

1. 單一 Action 按鈕。

如果你使用舊版英文介面，照片上會有一堆小按鈕：

如果用中文介面，你就只看的到圖示。

為什麼會這樣我不清楚，我猜測原因很單純：要為所有語言個別改圖太麻煩，乾脆只留 icon。

現在改成 Action Menu 後，所有按鈕說明都是文字，以後只要打打字就好了，這樣會方便許多。

當然，缺點就是本來要點一下，現在要點兩下。

嗯～這就是設計的決策，他們認為與其擺一大堆按鈕，不如讓版面更清爽，畢竟 Flickr 是一個看照片的網站。

官方部落格：

We want visitors who see your photos to notice your photos, without distractions. So we’ve reorganized all of the helpful features that you already know into a handy Actions menu.

2. 新的 Slideshow

另外一個重點：Slideshow。

速度飛快，不使用 Flash（即是相容所有 iOS 裝置），不必開新視窗，黑底全螢幕，鍵盤快速鍵，沒有亂七八糟的特效。

100 分。

（國內有需要做 Slideshow 的網站請多學習，我們不想要你幹一堆多餘的事。）

目前注意到的缺點：翻譯錯誤

Yahoo Blocker 1.1

另外為了因應新的頁面，Yahoo Blocker 也更新到 1.1 了。

下載 Yahoo Blocker 1.1

Report or feedback about Yahoo Blocker? @jiwostudio

下載 Yahoo Blocker 1.1

6/24: Updated to support new Flickr photo page.

Before

After

用 Keynote 做簡報或是 wireframe 時，需要讓觀眾清楚的知道你的滑鼠在哪裡，最直接的方法就是使用 Big Mouse！

Big Mouse 採用天然健康的 Mac 滑鼠百分之四百放大，就算你的觀眾全都近視看不到清楚你的簡報內容，他們仍然看的到 Big Mouse！

下載 Big Mouse

使用方式

解壓縮後內附兩個檔案，一個是原始 png 檔，一個是 Keynote 檔。

Keynote 使用者，請打開 Keynote 檔案，將裡面的 Big Mouse 複製到你自己的簡報裡。

我已經為 Big Mouse 加上了特效，當你開始播放簡報檔時，Big Mouse 預設是隱藏的，按下空白鍵後它就會冒出來，當然你也可以自由的變更它的動畫效果和出現時機。

…聽了這句話，Jobs 的背影因為你的激動熱淚而模糊。

下載大尺寸。

Before

After

使用前請先結束 Google Chrome，這個 installer 只會替換圖檔，不會幫你復原，如果以後想要恢復原來的圖示，請先將 Chrome 備份起來，或是再去 Google 下載一次。

下載 Chromifier（Installer 由小妮妮製作。）

Alternative Home Button

如果你的首頁是 New Tab，那你也可以用這套圖示。

下載檔案

這個不是 installer，需要自行替換。請在 Google Chrome 上按右鍵選擇 Show Package Content （顯示套件內容），然後瀏覽到這個資料夾：

Contents » Versions » 5.0.342.9 » Google Chrome Framework.framework » Resources

再將下載的檔案丟進去覆蓋原檔即可。

我喜歡 Chrome 的速度，但受不了他的圓滾滾 icon，所以弄了一組 icon 來替換，如果你有興趣也可以下載來用。

上方是原版，下方是我做的。

下載 Chrome-Icon-Replacement.zip （跟藤原豆腐一樣是自家用）

在 Chrome 上按右鍵選擇 Show Package Content（顯示套件內容）。

然後瀏覽到這個資料夾：

Contents » Versions » 5.0.342.9 » Google Chrome Framework.framework » Resources

再將下載的檔案丟進去覆蓋原檔即可。

別忘了備份囉。

在此感謝 Evadne 鼎力相助。

那麼網站呢？網站開發者如果想讓 iPad 使用者有完整的使用經驗（就是說你的網站在 iPad 上沒有爛掉啦），應該要做些什麼事呢？

Apple 的技術文件有提到幾項要點，只要檢查一下，就可以讓你的網站在 iPad 上正常使用：

1. 用 iPad Simulator 測試網站。
2. 使用 W3C 標準，不要用 plug-ins。
3. 檢查 Viewport 標籤。
4. 改寫 CSS 裡有用到 fixed-position 的部份。
5. 為觸控螢幕準備網站。
6. 不要使用 contenteditable，改用 textarea。

第二點的 plug-in 其實指的就是 Flash。

第三點的 Viewport 是指 iPad 預設的顯示比例，如果調整的好，使用者就不需頻繁的放大縮小來看你的網站。

第一、四、五、六點就是要你注意網站上有沒有一些功能是無法單純用手指觸控操作？是否有某些功能是要滑鼠 hover 在上面才會啟動？還是用到 iPad 不支援的 fixed-position？

基本上，只要你的網站不是用 Flash，幾乎什麼都不必做就可以在 iPad 上完整呈現。

調整 JIWO STUDIO

我的 blog 不需要調整也可以正常使用，但我仍然為 iPad 稍微調整了 CSS 與 Viewport 標籤，讓它在 iPad 上有更好的呈現。

為何要調整

調整前，我的版面有兩個問題：

1. 版面和周圍背景間有深褐色背景，這些空隙佔去了 iPad 的寶貴空間。
2. header 和 content 間出現了縫隙，這是 MobileSafari 在縮放時的計算問題，不是我的錯，但我仍然不想看到這個縫隙。

此外，iPad 直立模式下，內文字體顯得太小，使用者必須自己放大。

調整 CSS

我做了兩件事，首先我給 iPad 一個它專用的 CSS：

<link rel="stylesheet" type="text/css" href="..../ipad.css" 
media="only screen and (max-device-width: 1024px)" />

然後在 CSS 裡把 header 往上拉高、調整 header 和 content 的背景位置，最後，稍微加大字型。

這時候我的 blog 是長這樣：

你可以看到版面整個被往上拉，原來在 header 和 content 間的縫隙消失，字體也加大到在直立模式下也可以閱讀的程度。

加入 viewport 標籤

接下來我在 <head> 裡加入了 viewport 標籤：

<meta name="viewport" content="width= 942" />

設定寬度為 942px 後，剛好可以讓左右兩邊的褐色背景消失，而且會讓整個網頁的放大倍率再稍稍提高，變成這樣：

看起來很棒～！（自我感覺良好）

不知為何，看到在 iPad 上左右不留空隙的網站會特別爽，可能是因為這樣的形式在視覺上讓網站和 iPad 融合在一起吧。

輕鬆又有效的 iPad 最佳化

單純把 header 拉高、再設定 viewport 標籤，就可以讓你的網站在 iPad 上有更好的呈現，如果你又有調整字體，那麼使用者就連放大或翻轉 iPad 都不必做了，我想這兩招可以套用到很多的 blog 上，有空不妨試試。

過一下子最後一個 Camera 才會消失。

我一開始以為是 iPad 支援拍照功能，硬體還沒做但軟體先做了，後來想想，應該是支援 iPad Camera Connection Kit 的功能才對，它可以直接連接相機或記憶卡把照片傳進 iPad。