[IE]IE8 でCSS3 のMedia Queries が効かない場合の対処法
IE8 以下でもレスポンシブWEBデザインに対応させることができる css3-mediaqueries.js は便利なJavascript なのですが、「IE でMedia Queries が効かない…」という問題によく … 続きを読む [IE]IE8 でCSS3 のMedia Queries が効かない場合の対処法 →
View ArticleiPhone、iPad、Android アプリのアイコン画像サイズのまとめ
iPhone、Android のアプリやスマホサイト向けに「どのサイズのアイコン画像を用意すれば良いのか？」を調べていると、各ブログで色々紹介されていましたので備忘録としてまとめました。 iPhone のアイコンサイズ … "iPhone、iPad、Android アプリのアイコン画像サイズのまとめ" の続きを読む
View Article[Mac]スマホサイトの確認に便利なiPhone用の無料シミュレータ「iPhoney」
スマホサイトを構築する上で厄介なのが「実機での動作検証」です。 細かい動きは実機を使って厳密にチェックする必要がありますが、レイアウトが崩れていないか？のチェックをするのであれば、iPhone用の無料シミュレータ「iPh … "[Mac]スマホサイトの確認に便利なiPhone用の無料シミュレータ「iPhoney」" の続きを読む
View ArticleiPhone でホーム画面にサイトのブックマーク用アイコンを設置する方法
iPhone でWEBサイトをブックマークして、ホーム画面にアイコンを設置する方法のまとめです。 今回はアプリのお話ではありませんが、「アイコン画像をどのサイズで用意すれば良いのか？」を考える上で、iPhone、iPad … "iPhone でホーム画面にサイトのブックマーク用アイコンを設置する方法" の続きを読む
View Article[JS]スマホアプリのように左右からメニューをスライド表示できるjQueryプラグイン「mmenu」
スマホアプリのようにアイコンボタンをクリックして左右からメニューをスライド表示できるjQuery プラグイン mmenu のご紹介です。 オプションで色々カスタマイズができますが、まずは今回は mmenu の基本的な設置 … "[JS]スマホアプリのように左右からメニューをスライド表示できるjQueryプラグイン「mmenu」" の続きを読む
View Article[CSS]-webkit-box-reflect による鏡面効果の設定方法とAndroid への対応方法
CSS3 の -webkit-box-reflect プロパティを使って画像に「鏡面効果」を与える方法のご紹介です。 以前紹介させていただいた reflection.js のような Javascript を使う方法もあり … "[CSS]-webkit-box-reflect による鏡面効果の設定方法とAndroid への対応方法" の続きを読む
View Article[CSS]半角文字列を改行するword-break と word-wrap の使い方と違い
div や table などの要素から半角文字が突き抜けて表示されないように、CSS で強制的に折り返してあげる方法のご紹介です。 今まで文字の折り返しと言えばword-break を使う機会が多かったのですが、CSS … "[CSS]半角文字列を改行するword-break と word-wrap の使い方と違い" の続きを読む
View Article[アプリ]Dropbox とも連携可能なiPhone エディタアプリ「iテキスト」
iPhone でメモ書きするエディタアプリは色々ありますが、 個人的にオススメなのが、Dropbox 内のテキストファイルを編集、共有するのに便利なiOS のエディタアプリ「iテキスト」です。 パソコンとiPhone の … "[アプリ]Dropbox とも連携可能なiPhone エディタアプリ「iテキスト」" の続きを読む
View Article[CSS]iOS でフォームにフォーカスした時の自動ズーム問題を回避する方法
iOS でテキストフォームをタップしてフォーカスした時、ページ（の文字サイズ）が拡大表示される問題を回避する方法のご紹介です。 テキストフォームに文字を入れようとすると拡大表示される iPhone でウェブサイトを見てい … "[CSS]iOS でフォームにフォーカスした時の自動ズーム問題を回避する方法" の続きを読む
View Article[CSS]iOS のテキストフォームの角丸や影を消すなどデザインを変更する方法
iOS でテキストフォームを見ると、デフォルトで角丸だったりシャドウ（影）が掛かっていたりしますので、サイトに合わせてフォームのデザインを変更した場合が多々有ります。 今回はiPhone やiPad 向けに、input[ … "[CSS]iOS のテキストフォームの角丸や影を消すなどデザインを変更する方法" の続きを読む
View Article[HTML]iPhone でのサイト閲覧時に、数値に自動でリンクが貼られないように回避する方法
企業サイトなどでは、HTML ファイル上に電話番号をテキストで記述することも多いと思いますが、 PC では問題なくても、iPhone から見ると自動で電話番号（や、それっぽい数値テキスト）にリンクが貼られてしまうので、勝 … "[HTML]iPhone でのサイト閲覧時に、数値に自動でリンクが貼られないように回避する方法" の続きを読む
View Article[CSS]iOS で滑らかなスクロールを実現する「-webkit-overflow-scrolling」プロパティの使い方
overflow で要素内をスクロールさせると、iPhone やiPad などのiOS で見た場合にスクロールがぎこちなくなります。 そんな時は、iOS 5.0 より実装されたSafari CSS の -webkit-o … "[CSS]iOS で滑らかなスクロールを実現する「-webkit-overflow-scrolling」プロパティの使い方" の続きを読む
View Article[Mac]Android SDK Mac のインストール方法
Android ブラウザでスマホサイトのデザインや挙動を確認するため、Mac にAndroid SDK をインストールした時の方法を備忘録としてまとめました。 今回、Javaの開発環境であるEclipse などを入れるス … "[Mac]Android SDK Mac のインストール方法" の続きを読む
View Article[Mac]Mac でAndroid仮想デバイス(AVD) の設定方法
前回の Android SDK Mac のインストール方法 の記事ではSDK の設定方法までを紹介させていただきましたが、 今回はMac のデスクトップ上でAndroid のエミュレータを動かす際に必要なAndroid … "[Mac]Mac でAndroid仮想デバイス(AVD) の設定方法" の続きを読む
View ArticleiPhone のUDIDをiTunes で調べる方法
iPhone の「UDID（識別子）」を調べる方法のご紹介です。 iPhone アプリを開発する上で、テストアプリをiTunes 経由でダウンロードする時などに必要になります。 Mac のiTunes でUDID（識別子 … "iPhone のUDIDをiTunes で調べる方法" の続きを読む
View ArticleiTunes から過去に購入したiPhone アプリを非表示にする方法
iTunes で購入したアプリは、iPhone 上で消してもiTunes の購入履歴一覧に全て載っています。 今回は、この購入履歴一覧にあるiPhone アプリを非表示にする方法のご紹介です。 Mac のiTunes で … "iTunes から過去に購入したiPhone アプリを非表示にする方法" の続きを読む
View Article[WP]Contact Form 7 の自動返信メールがスマホに届かない場合に確認すること
Contact Form 7 のメールフォームでお問い合わせをもらったユーザーに自動返信メールを送る際、スマホのユーザー（キャリアメール）へメールが届かない…という問題が起こりました。 自分のスマホ（ソフトバンクのiPh … "[WP]Contact Form 7 の自動返信メールがスマホに届かない場合に確認すること" の続きを読む
View Article[HTML]iOS Safariの電話番号の自動リンクを無効化する方法
ページ内の数字のかたまりがiPhoneのSafariでは電話番号として認識され、自動でリンクが貼られてしまうのを防ぐ方法のご紹介です。 電話番号や連続する数字が自動でリンクするのを防止する iOSのSafariでは、ペー … "[HTML]iOS Safariの電話番号の自動リンクを無効化する方法" の続きを読む
View ArticleiPhone のi.softbank.jp に届く迷惑メールを受信拒否設定する方法
ソフトバンクのiPhone のメールアドレス「i.softbank.jp」に届く迷惑メールを受信拒否設定する方法のご紹介です。 My Softbank のメール設定から受信拒否設定 My Softbank にログインし、 … "iPhone のi.softbank.jp に届く迷惑メールを受信拒否設定する方法" の続きを読む
View Article[iOS]このwebサイトから自動的に電話をかけることは禁止されています。が表示される場合
<a href=”tel:0000000000″>のリンクをタップして電話をかけるような処理は、特にスマホサイトを中心によく利用するのではないかと思いますが、iOSの場合、電話番号リン … "[iOS]このwebサイトから自動的に電話をかけることは禁止されています。が表示される場合" の続きを読む
View Article
