[B! 携帯サイト] letitockのブックマーク

1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering

初めての投稿となります。エンジニアのmatsuです。携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。このチュートリアルを行うと以下のようになります。実装全部で8ステップあります。このチュートリアルではブログのトップページを例にとって説明します。前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初

letitock 2011/04/25

リンク

XHTML+CSSでの携帯サイト構築～3キャリア対応の落とし穴～/Mobile - サイブリッジラボ

かのうです。サイブリッジは今夏休み！でも私は休みをずらして9月末の祝日と合せて大型連休にしうと企んでいます。今のところまだ予定はないんですけどね笑そういえば「iモードブラウザ2.0」のお話 2009年5月以降に発売開始されたdocomo端末に「iモードブラウザ2.0」が搭載されていますよね。デザイナー向けの新しい機能は下記ですが、まだまだ完全に普及したとは言えないので、結局のところ「XHTML+CSS」での携帯サイト構築が必要ですね。・外部スタイルシートを含むCSS対応・サイズ制限が500Kバイトに・Shift_JIS、UTF-8の文字コードが利用可能・JavaScript対応（Ajax含む）・ページ埋め込みFlash動画（FLV）対応・クッキー対応 ▼docomo公式サイト iモードブラウザについて XHTML+CSSでの3キャリア対応の落とし穴なんで普及もしばらく時

letitock 2011/02/18

リンク

永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC

マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。（いつもありがとうございます！）そんなワケで、本格的にHTMLコーディングはしないけど、ちょこっとしたページなら組みますっていうデザイナー向けの、「コレだけ読めばすぐできる」シリーズを始めました。第一回は「携帯コーディング」についてです。携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、最低限の内容であれば覚えることも少ないですし、一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！携帯コーディングの基本基礎の基礎文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する）画像を含むページ容量100KB以内（HTML自体の容量は9KB以内）画像はgifか

letitock 2010/09/07

携帯サイト

リンク

携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net

Tips携帯サイト構築どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの話題ばかりなので忘れそうですが、携帯サイトはビジネスには必須ですので備忘録として記事に。ちょっと必要に迫られたのでメモ。どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの話題ばかりなので忘れそうですが、携帯サイトはビジネスには必須ですので備忘録として記事に。以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。予備知識モバイルサイト構築前に知っておきたいユーザビリティ10のポイントファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。モバイルサイト構築前に知っておきたいユーザビリティ10のポイント携帯サイト（html）の制作に入る前に確認してお