スマフォ・iPhone [iOS]iPhoneで「〇〇からペースト中…」にフリーズした場合の強制終了方法
MacとiPoneで同じApple IDを使っていると、MacでコピーしたテキストをiPhoneにコピー＆ペーストできるので便利です。 しかし、まれに通信状況や途中の操作ミスなどにより「〇〇からペースト中…」のままフリーズすることがあり...
iOS
スマフォ・iPhone 
CSSプロパティ [CSS]iOSでtransformが動かない場合の対処法
CSS -webkit-transition: -webkit-transform を指定 HTML デモ .transition {width: 25%;height: 100px;background-color: #ccc;trans...
CSS [CSS]iOSで先頭文字が☒で文字化けする時の回避方法
CSS
HTML [HTML]videoタグのmp4がiOSで自動再生されない時に確認すること
HTMLのvideoタグを使用してWebページに動画を埋め込む際、iOSデバイスで動画が自動再生されないことがあります。 これは、iOS固有の制約や設定によるものが多く、適切な対応を行うことで解決可能です。 この記事では、iOSでmp4動画...
CSS [CSS]iOSでリンクタップ時のグレー色のハイライトを非表示にする
CSS
CSS [CSS]iOSでiframeをスクロールする方法
CSS HTML
jQuery [iOS]height:100vhの要素がSafariのツールバーに被る場合の対処法
Javascript CSS 参考サイト
スマフォ・iPhone [iOS]このwebサイトから自動的に電話をかけることは禁止されています。が表示される場合
<a href="tel:0000000000">のリンクをタップして電話をかけるような処理は、特にスマホサイトを中心によく利用するのではないかと思いますが、iOSの場合、電話番号リンクを指定回数タップすることで「このwebサイトから自動的...
Mac [Mac]Macに保存したiOSバックアップファイルを削除する方法
MacのiTunesで行なったiOSのバックアップデータを削除する方法のご紹介です。 スマホの利用状況にもよりますが、iOSのバックアップファイルは結構容量を喰うので、不要なバックアップがないかを定期的にチェックして削除すると良いです。 i...
HTML [HTML]iOSでselectのプルダウンメニューを全文表示する方法
iOSのSafariからプルダウンメニューをタップしたら、長い（文字数の多い）項目が…で省略されて全部表示されない場合の対処法のご紹介です。 selectタグの項目が全文表示されない場合 以下のようなプルダウンメニューをiOSのSafari...
CSS [CSS]iOSでiframeの内容がはみ出して表示される場合の対処法
iPhoneやiPod touchなどのiOS端末で、<iframe>に指定したoverflow:scrollによるスクロールが効かずに<iframe>の内容がはみ出して表示されてしまう場合の対処法のご紹介です。 iOSでiframeの中身...
HTML [HTML]iOS Safariの電話番号の自動リンクを無効化する方法
ページ内の数字のかたまりがiPhoneのSafariでは電話番号として認識され、自動でリンクが貼られてしまうのを防ぐ方法のご紹介です。 電話番号や連続する数字が自動でリンクするのを防止する iOSのSafariでは、ページ内の電話番号や連続...
CSSスニペット [CSS]iOSで滑らかなスクロールを実現する-webkit-overflow-scrollingの使い方
overflowで要素内をスクロールさせると、iPhoneやiPadなどのiOSで見た場合にスクロールがぎこちなくなります。 そんな時は、iOS 5.0より実装されたSafari CSSの-webkit-overflow-scrolling...
WordPress [HTML]iPhone でのサイト閲覧時に数値に自動でリンクが貼られないように回避する方法
企業サイトなどでは、HTML ファイル上に電話番号をテキストで記述することも多いと思いますが、 PC では問題なくても、iPhoneから見ると自動で電話番号（や、それっぽい数値テキスト）にリンクが貼られてしまうので、勝手にリンクされないよう...
CSS [CSS]iOSでフォームにフォーカスした時の自動ズーム問題を回避する方法
iOSでテキストフォームをタップしてフォーカスした時、ページ（の文字サイズ）が拡大表示される問題を回避する方法のご紹介です。 テキストフォームに文字を入れようとすると拡大表示される iPhone でウェブサイトを見ていて、テキストフォームに...
スマフォ・iPhone iPhoneでホーム画面にサイトのブックマーク用アイコンを設置する方法
iPhoneでWEBサイトをブックマークして、ホーム画面にアイコンを設置する方法のまとめです。 今回はアプリのお話ではありませんが、「アイコン画像をどのサイズで用意すれば良いのか？」を考える上で、iPhone、iPad、Android アプ...
Macアプリケーション [Mac]スマホサイトの確認に便利なiPhone用の無料シミュレータiPhoney
スマホサイトを構築する上で厄介なのが「実機での動作検証」です。 細かい動きは実機を使って厳密にチェックする必要がありますが、レイアウトが崩れていないか？のチェックをするのであれば、iPhone用の無料シミュレータiPhoneyを使うと便利で...
CSSスニペット [スマホ]iOSやAndroidでリンクタップ時のハイライト表示を変更する方法
スマホサイトでリンクをタップすると、iPhone（iOS）ならリンク周りにグレーの影が、Androidであればリンクの周りにオレンジの枠が表示されると思います。 このグレーの影やオレンジの枠（ハイライト表示）をCSSの-webkit-tap...
CSSプロパティ [CSS]スマホサイトで端末を横にしても文字サイズを拡大させない方法
iPhoneなど向けにスマホサイトを作っていると「端末を横にすると、文字が拡大表示されちゃう！」と困った経験があるかもしれませんが、 CSSの-webkit-text-size-adjust:100%