モバイルサイトの3キャリア共通CSSと最新コーディング事情 : LINE Corporation ディレクターブログ
こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。 アクセスシェア〜ライブドアの場合 まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。 1年前と比べると、iモードブラウザ2.
携帯サイトで使えるCSSハック1 「displayハック」 携帯サイトを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
先日出版させていただいた「携帯サイト コーディング＆デザイン」の中でも 触れている携帯サイトで使えるCSSハックをご紹介。 ドコモ端末だけ内容を表示する 「displayハック」 勝手に名付けてしまってはいますが… 「display:none;」というCSSプロパティと値の組み合わせは、 現在auとソフトバンク端末で対応しています。 CSSで「display:none;」とすると、これが指定された要素は完全に非表示になりますが、 displayセレクタに対応していないドコモ端末は、内容が表示されてしまうという CSSの対応度を逆手に取ったCSSハックです。 ただし、「3G端末（+XHTMLコーディング）」に限るという条件付き。 したがって、できればドコモユーザだけに表示させたいけど、 まぁ他キャリアにも表示されてもいいや程度に使うと便利かなと思います。 なので、 <div style="d
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
