Macアプリケーション [Mac]スマホサイトの確認に便利なiPhone用の無料シミュレータiPhoney
スマホサイトを構築する上で厄介なのが「実機での動作検証」です。 細かい動きは実機を使って厳密にチェックする必要がありますが、レイアウトが崩れていないか？のチェックをするのであれば、iPhone用の無料シミュレータiPhoneyを使うと便利で...
スマフォ・iPhone
Macアプリケーション 
スマフォ・iPhone iPhone、iPad、Androidアプリのアイコン画像サイズのまとめ
iPhone、Androidのアプリやスマホサイト向けに「どのサイズのアイコン画像を用意すれば良いのか？」 色々調べていると、各ブログで色々紹介されていましたので備忘録としてまとめました。 iPhone のアイコンサイズ 57 × 57ホー...
CSSスニペット [スマホ]iOSやAndroidでリンクタップ時のハイライト表示を変更する方法
スマホサイトでリンクをタップすると、iPhone（iOS）ならリンク周りにグレーの影が、Androidであればリンクの周りにオレンジの枠が表示されると思います。 このグレーの影やオレンジの枠（ハイライト表示）をCSSの-webkit-tap...
CSS [CSS]iPad、iPhone5向けレスポンシブWEBデザインに必要なMedia Queriesのまとめ
レスポンシブWEBデザインへの対応で頻繁に使うCSSのMedia Queriesですが、条件分岐のやり方をよく忘れるので整理しました。 「iPad」「iPhone」「iPhone 5」の端末別に加えて、「ブラウザ幅」での条件分岐もまとめてい...
PHP [PHP]PHPでiPad、iPhoneのユーザーエージェントを判別して振分処理を行う方法
WEBサイトを閲覧する環境もだいぶ変わってきまして、 今ではPC以外のスマートフォン、iPadによるアクセスも増えてきました。 今までPCでの閲覧に適したサイトデザインだったので、iPadやiPhone見ても正常に見えないよ!!ということも...
CSSプロパティ [CSS]スマホサイトで端末を横にしても文字サイズを拡大させない方法
iPhoneなど向けにスマホサイトを作っていると「端末を横にすると、文字が拡大表示されちゃう！」と困った経験があるかもしれませんが、 CSSの-webkit-text-size-adjust:100%
HTML [HTML]スマホサイトでお世話になる <meta name=”viewport”> の設定のまとめ
meta viewportは、デバイスに応じてウィンドウの幅や高さを調整できたり、画面を拡大縮小率を調整したりと、表示領域を設定する上で重要なメタデータです。 特に、スマートホンやiPad などのタブレット向けにサイトを構築したり最適化する...
WordPress [WP]スマフォやiPad、ガラケー、ゲーム機向けにテーマを切り替えることが可能なWordPressプラグイン「Multi Device Switcher」
PCやスマート本など、端末別にWordPressのテーマを分けてみたいと思っていところで便利なプラグインを発見しました。 スマフォやiPad、ガラケーなどの端末別にテーマを切り替えることが可能なWordPressプラグインMulti Dev...