iPhoneのキーボードはデフォルトだと「日本語テンキー」「日本語ローマ字」「絵文字」「English(US)」の4種類ありますが、キーボードを切り替えるときは左下にある地球みたいなマークをタップします。
でも、「English(US)」にキーボードを切り替えるときに地球みたいなマークを3回もタップしなければいけません。
何か良い方法はないのだろうかと思っていたところ、地球みたいなマークを長押しすることによって下の画像のように表示されることがわかりました。これによってすばやくキーボードを切り替えることができます。

実はこの方法はMobile Safariのブックマークにデフォルトである『iPhoneユーザガイド』の「各国キーボード」から「キーボードを切り替える」という項目に載っています。
説明書は一通り読んでおいたほうが良いと思った出来事でした。
前回の「Webデザインのギャラリーサイトを集めてみた。」はPC向けサイトでしたが、今回は番外編としてiPhoneやスマートフォン向けサイトのWebデザインのギャラリーサイトを集めてみました。
iPhone Design Box

iPhoneデザインアーカイブ

iPhone Design Data Base

スマートフォンサイト集めました。

ASCII.jp:日本語サイトの事例を一挙紹介(前編)絶対見ておきたい有名企業のスマホサイトまとめ

ASCII.jp:日本語サイトの事例を一挙紹介(後編)スマホサイトを作る前に見たい国内38社の実例

iPhoneのMobile Safariには「ホーム画面に追加」という項目があります。
これはiPhoneのホーム画面にWebサイトをブックマークする機能で、「Webクリップ」と呼ばれています。
普通であれば、Webサイトのスクリーンショットが表示されるんですが、アイコンの画像ファイルを設定することによって、そのアイコンが表示されるようになります。
1.ホーム画面用のアイコンをつくる。
アイコンの画像は縦114px×横114px以上のpng形式で、今回はicon.pngという名前で作成しました。
![]()
このアイコンにはiPhoneが自動的に角丸と光沢を付けてくれるので、あらかじめ画像データに角丸と光沢を付けておく必要はありません。
2.<head>内に下記を追加する。
<光沢あり>
<link rel="apple-touch-icon" href="img/icon.png" />
<光沢なし>
<link rel="apple-touch-icon-precomposed" href="img/icon.png" />
アイコンに光沢を付けるか付けないかを決めることができます。でも、角丸は必ず付けられてしまうので変更ができません。また、透明色は黒くなってしまうので使うことができません。
下の画像の左のアイコンが光沢ありで、右のアイコンが光沢なしです。
![]()
このようにiPhoneのホーム画面にWebサイトをブックマークするとアイコンが表示されるようにできます。