スマートフォン

カテゴリー「スマートフォン」のエントリー一覧です。

レスポンシブ対応に役立つjavascriptの小技

スマートフォンやタブレットなどマルチデバイス対応。最近は、別ファイルへの振り分けより圧倒的にレスポンシブ対応が多いです。 IE8以下やAndroid2.Xを対象外とすることが増えてきたので、以前よりサイト構築は楽になりま…

レスポンシブ対応に役立つjavascriptの小技の続き

スマホでURLを記載する場合はレイアウト崩れに注意が必要

URLをページに記載していることが原因で、スマホで表示したときにレイアウトが崩れたのでメモ。 1行におさまらないURLを記載している場合、スマホでは改行されずにカラム幅が広がります。PCの場合は、カラムが広がるというより…

スマホでURLを記載する場合はレイアウト崩れに注意が必要の続き

Androidでbox-sizingがきかなくて困ったのでメモ

CSS3の「box-sizing」。便利なので、スマホサイトをコーディングする際によく使うのですが、Androidできかないケースがあるので注意が必要です。 ベンダープレフィックスを付けなかったことで、Android2.…

Androidでbox-sizingがきかなくて困ったのでメモの続き

ユーザーエージェント(UA)を使わずにスマホ判別する「CSS3 Media Queries」

スマホやモバイルからのアクセスをユーザーエージェント(UA)で判定し、それぞれのURLへリダイレクトさせたり、それぞれで別個のCSSやJSファイルを読み込んだり。UA判別による振り分けは、よくやるっちゃよくやります。 モ…

ユーザーエージェント(UA)を使わずにスマホ判別する「CSS3 Media Queries」の続き

スマートフォンサイトは用意したほうが良いのか

最近スマートフォンサイト作成だったり、レスポンシブ対応の案件が増えてきました。 クライアントからの要望だったり、知り合いの制作会社からの引き合いだったり。私は業界情報にうといので知らなかったのですが、話を聞いていると、ス…

スマートフォンサイトは用意したほうが良いのかの続き

12