モバイルサイトの3キャリア共通CSSと最新コーディング事情 : LINE Corporation ディレクターブログ
こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。 アクセスシェア〜ライブドアの場合 まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。 1年前と比べると、iモードブラウザ2.
Web情報配信｜Wiwi connect» Blog Archive » モバイルコーディング逆引き辞典！
基本編 Q：1適切なDOCTYPEは？ Q：2適切な文字コードは？ Q：3xhtmlでコーディングしたのですが表示されない… Q：4容量制限はあるの？ Q：5色は何色まで再現が可能？ Q：6デザインを整える際の注意点はあるの？ テキスト編 Q：7テキストの適切な大きさは？ Q：8斜体や太字はできるの？ Q：9流れる文字や点滅文字はできるの？ Q：10カタカナは全角？それとも半角？ Q：11画像へのテキストの回り込みはできるの？ 画像編 Q：11画像へのテキストの回り込みはできるの？ Q：12画像のサイズってどうしたらいいの？ Q：13拡張子は何がいいの？ Q：14画像の周りにスペースを作る事は可能？ Q：15tableの中にある画像が小さく表示される… table＆div編 Q：15tableの中にある画像が小さく表示される… Q：16valignは使用可能？ Q：17「div」または「t
デザイナー必見！ポータルのポータル【モバイルデバイス編】
歴代人気記事でも上位の ポータルのポータル。 今回は、iPad・iPhone・携帯サイトなど モバイルデバイスのデザインギャラリーを集めてみました！ それでは続きからどうぞ。 iPad・iPhone Landing Pad ー an iPad App Gallery 綺麗なiPadアプリがたくさん掲載されています。 iOSpirations iPad/iPhoneのアプリやサイトデザインが紹介されています。 ishowcase 国内のiPhone / iPad最適化対応サイトが掲載されています。 iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト 国内/海外のiPhoneサイトがたくさん掲載されています。 mobile AWESOMENESS 綺麗なモバイルデザインがたくさん。 Web Design Inspiration for the iPhone iPhoneに
ケータイサイト制作前にコーダーが確認しておきたいところ │ これからゆっくり考L +α
モバイルサイトの制作前に、もしくは打ち合わせに行った場合は必ずチェックしておきたいところをまとめてみました。 こちらから積極的に確認しないと、何も詳細が分からないままデザインだけぽーんと渡されてしまうことがあるので、自ら前のめりでチェックしておきたいところです。 個人的に「ここだけは外せない！」という項目は以下の6つ ・xhtml？html？ ・文字コードは？ ・tableは使ってOK？ ・絵文字は？ ・カタカナの扱いは？半角？全角？ ・VGA対応は？ xhtml？html？ 最近は基本xhtmlで作成という流れに（私の場合は）なってますが、それでも念のために一応聞いておきたいところ。 昔、xhtmlで作成してほぼほぼ終わった段階で「アップするサーバーでxhtmlが使えないのでhtmlに変更してください！」と言われてやり直したことがあります...。 文字コードは？ 携帯サイトといったらSh
携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net
ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 サンプルを元に解説してくれているので分かりやすいです。 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 携帯サイトの作り方 5年前の情報なので参考程度に。今は随
無料の携帯アクセス解析「うごくひと2」: 商用利用可
無料の携帯アクセス解析の決定版。ページビューのほか直帰率やキーワード分析などの豊富な機能・見やすい管理画面が特徴。携帯サイトのアクセスアップに貢献するランキング機能付き。個人・法人でご利用いただけます。
窓の杜 - 【NEWS】3GP-3G2-MPEG-4-MOV-AVI形式などの動画を相互変換できる「QTConverter」
3GP/3G2/AMC/MPEG-4/MOVや無圧縮のAVI形式などの動画ファイルを相互変換できる「QTConverter」v1.2.2が、11日に公開された。Windows 2000/XP/Server 2003に対応するフリーソフトで、現在作者のホームページからダウンロードできる。動作には、「QuickTime」v6.5.2/7.0.2が必要。 「QTConverter」は、携帯電話で再生可能な3GP/3G2/AMC、ISMA互換およびH.264のMPEG-4、MOV、無圧縮のAVI形式などの動画ファイルを相互変換できるソフト。まず変換元の動画ファイルをダイアログで選択し、その動画内の変換したい部分を開始・終了位置の時間で指定しよう。あとは、プルダウンメニューで変換後のファイル形式を選択して［変換］ボタンを押すれば、変換元の動画ファイルと同一フォルダ内に変換後のファイルが作成される。
3キャリア対応のCSS変換モジュールHTML::MobileJpCSS - komoriyaのはてなダイアリー
DoCoMo,EZweb,Softbankを共通の外部CSSファイルからスタイルを反映させるモジュールを作りました。 http://search.cpan.org/~komoriya/HTML-MobileJpCSS-0.01/ 3キャリア間での変換の必要性 DoCoMoでは外部CSSを参照できずインラインのみの対応となっています。 DoCoMoのインライン化についてはid:tokuhiromさんの作成したHTML::DoCoMoCSSこちらで対応が可能なのですが、3キャリア間で共通のCSSを参照するとなると属性の指定方法に微妙な差異が問題となります。 例えば小さいフォントを表示したい時は、 DoCoMo --- font-size:xx-small EZweb --- font-size:10px Softbank --- font-size:smallと属性の値が異なります。 hrタグ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
