jQuery UIをタッチイベントに対応させる
jQuery UIはデフォルトだとタッチイベントに対応していないようなので、タッチイベントに対応させる方法を調べました。...
スマートフォンの記事一覧
iPhoneでJavaScriptからaudioの音量を変更できない
iPhoneでaudioの音量を変更しようとしてうまくいっていなかったのでメモしておきます。...
スマートフォンで端末の向きが変更されたときのみ処理を行う
JavaScriptのresizeイベントをスマートフォンで使う場合、ブラウザのツールバーやアドレスバーが隠れたときにも...
iOS10でインライン再生を実装する
iOS10でインライン再生や自動再生ができるようになったようなので、実際に試してみました。...
スマートフォンでボタンをクリックした時にYouTubeを再生する
スマホ向けサイトでYouTubeを埋め込む場合、iPhoneではプレーヤーをタップする形でないと動画を再生することができ...
iPhoneで動画をブラウザ内で再生する
iPhoneでvideoを使用する場合、autoplayの指定が効かない、再生時はフルスクリーン表示になるなど色々な制約...
iOSとAndroidでavailWidthとavailHeightの挙動が異なる
availWidthとavailHeightをスマートフォンサイトで使用した時に、iOSとAndroidで挙動が違ってい...
Android2.3でfont-size: 0;が効かない
display: inline-block;とfont-size: 0;で横並びにする実装をしていたのですが、Andro...
overflow-scrollingを指定するとscrollイベントが発生しない
overflow: scroll;を指定した要素に対してoverflow-scrolling: touch;を指定すると...
Androidの一部端末でborder-radiusにパーセント指定が効かない
Androidでborder-radiusにパーセント指定が効かない不具合に遭遇したのでメモ。 確認したのはAndroi...
Android2.3でoverflow: hidden;とborder-radiusを同時に指定した時にborder-radiusが効かない
Androidでborder-radiusが効かなくなる現象に遭遇したので、原因と対応方法をメモしておきます。...
スマートフォンで経過時間をカウントする
スマートフォンでsetIntervalを使って経過時間をカウントしようとした場合、iOSだとスクロール中にsetInte...
スマホでinputにwidth: 100％;とplaceholderを指定した時に、端末を横向きから縦向きに変更すると画面幅がおかしくなる
iOSの端末を横向きから縦向きに変更した時に、画面幅が横向きの時の幅から戻らなくなる不具合に遭遇したのでメモ。 確認した...
スマートフォンでスクロールを禁止にする
スマホサイトでローディング画面を表示させる機会があったのですが、position: fixed;で画面全体に要素を表示さ...
viewportの使い方
viewportは今までコピペで流用することがほとんどだったので、勉強としてviewportのcontentに設定できる...
画面をクリックしたときに処理をする
スマートフォンでよくあるハンバーガーメニューで、「メニューを開いているときはメニュー以外の部分をクリックしたときにメニュ...
Angular.jsでドラッグ＆ドロップを実装する
Angular.jsでng-repeatの内容をドラッグ＆ドロップで入れ替えられるようにしてみます。...
Androidで©の色がおかしくなる
Androidで©の色がおかしくなる現象に遭遇したので、対応方法をメモ。 確認した端末はNexus7の4.4....
iOSで最後の1文字が改行される
iOSで文字列の最後の1文字だけ改行されてしまう不具合に遭遇したのでメモしておきます。 確認したiOSのバージョンは6....
JavaScriptでスマートフォンの向きを判定する
JavaScriptでスマートフォンやタブレットの向きを取得してみます。...