iPad ProのWebクリップアイコンサイズ

iPad ProのWebクリップアイコン（apple-touch-icon）のサイズを調べてみました。

iPhoneのSafariでPCサイトを表示する方法

iPhoneのSafariに、PCサイトを表示する方法があるのに気がつきました。

iOS 7のapple-touch-iconサイズ

iOS 7でUIがフラットデザインに変更され、apple-touch-icon（Webクリップアイコン）の仕様も変更されています。

MacBook Pro RetinaディスプレイのdevicePixelRatio

MacBook Pro RetinaディスプレイのdevicePixelRatioを調べてみました。

iOS 7風フォント「Helvetica Neue UltraLight」をCSSで指定する

デザインを一新したiOS 7ですが、CSSで「Helvetica Neue UltraLight」フォントを使うと、WebサイトがiOS 7っぽい雰囲気になります。

iPhoneの消えたブックマークを復活させる

先日、iPhone（Safari）のブックマークが消えるという現象が発生しました。

ソフトバンクのサイトをMacで読みやすくする

Macでソフトバンクのサイトを見ていると、文字が読みづらいと感じたことはないでしょうか。

-webkit-overflow-scrolling プロパティで overflow スクロール要素を iPhone ネイティブスタイルに

iOS 5.0でSafariのCSSに追加された「-webkit-overflow-scrolling」プロパティを使うと、JavaScriptなしでiPhoneネイティブスタイルのスクロールを実現できます。

ソニーストア、Safari に対応

ソニーストアが、対応ブラウザ環境を更新し、Mac版Safari 5が追加されました。

ソニーストアで Mac から注文する方法

MDR-EX38IPは、ソニーストア（旧Sony Style）で購入したのですが、Macからだと普通には注文できません。

iPhone 4 の Safari で画像をジャギーなしで表示する

iPhone 4のSafariで画像をジャギーなしに表示するには、2倍のサイズの画像を用意すればいいようです。

iPhone 4 の CSS を切り替える方法

iPhone 4とiPhone 3G/3GSとで、スタイルシートを切り換える方法を考えてみました。

iPhone 4 の電話番号入力モードがチョットおかしい

iPhone 4で、type属性によるキーボードの変化を確認してみたら、電話番号入力モードのキーボードが微妙におかしいことに気付きました。

iPhone 4 の内蔵フォント

iPadにインストールされているフォント一覧を参考に、iPhone 4にインストールされているフォントを確認してみました。

iOS 4 での -webkit-text-stroke

iPhone OS 3.1.3のSafariでは、CSS3の「-webkit-text-stroke」プロパティが正常に表示できませんでしたが、iOS 4.0にアップデートしたiPhone 3Gで確認すると正常に表示できるようになっていました。

iPhone 4 発売記念

iPhone 4 発売記念ということで、このブログのWebクリップアイコンをiPhone 4に合わせて作りなおしました。

iPhone での -webkit-text-stroke プロパティ

HTML5やらCSS3をボチボチと勉強していまして、最近覚えたものに、アップル拡張の「-webkit-text-stroke」というCSSプロパティがあります。これは文字の縁取りを行うもので、ふちの太さと色、内側の色を次のプロパティで指定します。

input type 入力モード iPhone 3G (OS 3.1.2) 版

iPhone 3G（OS 3.1.2）での、input要素type属性による入力モードの変化です。iPhone 4（iOS 4.0）の結果はこちら。

input タグの type 属性で iPhone のキーボードを切り替える

iPhoneのSafariでGoogleに再ログインしようとして気付いたのですが、フォームのメールアドレス（ID）入力欄ではiPhoneのキーボード配列が通常とは若干異なっていました。通常では「space」キーのところが、「space」「@」「.」に分割されています。

Safari 4 のページ内検索は「カナ／かな」無区別

Safari 4（for Leopard）でページ内検索をしていて気付いたのですが、平仮名と片仮名の区別はないんですね。

たとえば「あっぷでーと」で検索すると、「アップデート」が引っかかります。

また、「デス」で検索した場合は、「です」の他にも「テス」なんかも引っかかるので、濁点・半濁点も区別しないようです。

Safari 3でも、こういう仕様だったんでしょうか。気が付きませんでしたけど。

ヒット数が多いと、ちょっと不便かも。