永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
全モバイルサイト閲覧ページ「All Preview」｜モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブでは現在まで1,000サイト以上のモバイルデザインを掲載しています。 モバイルデザイナーにとって探しやすいようにサイドナビゲーションから各ジャンル別のケータイサイトを閲覧することが可能です。 すでに抱えている携帯サイト制作案件があれば該当するサイトジャンルが明確なため、すぐにそのジャンルのすぐれたケータイサイトを見ることは役立ちます。 ただ、モバイルデザインアーカイブのようなデザインサイト集は、空いた時間に眺めているだけで、クリエイティビティを刺激してくれるものです。 そこで、モバイルデザインアーカイブでは、そうしたモバイルデザイナーの方向けのページとして、全てのケータイサイトを閲覧していただけるページをご用意しました。 全モバイルサイト一覧
携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
さっそく、読者の方から、「iモードブラウザ」が「2.0」になりましたが、 携帯サイト市場としてすぐに対応は必要ですか？ というご質問を頂いたので、今更ではありますが僕なりの見解をお伝えしますね。 結論から言うと 「もちろん動向をウォッチしていくことは必要だが、焦ってすぐに対応する必要はない」 と思います。 iモードブラウザ2.0がドコモ新機種（昨年の夏モデル）に搭載されたとき、 技術系のブログではいち早く過去のブラウザバージョンとの違いを比較した情報を伝えていましたが、 私はその情報はもちろん作り手として知る必要はあると思うんですけど、 おそらく皆さんが思っているのは、そうではなくて、 じゃぁすぐに対応すべきかっていうことだと思うんです。 確かに携帯サイト業界のトレンドや動向は変化が早いと言われますが、 XHTML+CSSベースで携帯サイトが作れるようになった今でも、 核となる制作ノウハウ
携帯サイト作成に役立つおすすめ便利ツール＆サイト 携帯サイトを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
携帯サイトを作成する際に便利なツールをまとめてみました。 実際に使用する目的や用途によって必要なソフトというのはサイトや管理者によって変わってくるとは思いますが、少なくとも自分が使いやすい、重宝しているツールやサイトをご紹介します。 シミュレーター関連 各キャリアから出ているサイトシミュレーターで定番中の定番ですね。作成したHTMLがどのように表示されるか、確認するためのツールです。 関連記事 ■iモードHTMLシミュレータ ドコモ向けのサイト確認用。全体のプレビュー、操作、絵文字等の確認ができる。 ■Openwave SDK au向けサイト確認用。プレビュー等確認可。しかし、少々使いにくさも。 ■Web Contents Viewer ソフトバンク向けサイト確認用。使い勝手はドコモシミュレーターと同様。 絵文字関連 絵文字挿入のためのツール（サイト）です。 ■i絵文字 ドコモ絵文字挿入用
docomoのXHTMLにはまった | phas.jp
docomoのブラウザはどうも、XHTMLする際に、 いろいろ制約があるようで、 簡単にいくかと思いきや、いろいろ苦労したので、 今後のためにメモ。 docomoでCSSが効かない とりあえず、普通につくったら、一切CSSが 効かなかった。 docutypeのせいかと思って、いろいろ変えてみたが解決されず。 docutypeはあまり関係ないっぽい。 MIMEタイプが <meta http-equiv="ContentType" Content="application/xhtml+xml"> じゃなきゃダメらしい。 同時に、サーバー側でもHTTPヘッダでContent-Type: application/xhtml+xmlを吐かないといけないらしい。 ググッたら、 拡張子は、.xhtmlでとか書いてあったので、 しょうがなく、htaccessに下記の行を追加。
HTML TAG index/ケータイ index
■ケータイ indexについて このコンテンツは数年前より進化を止めています。そのため、ここに掲載されている情報はかなり古いものとなりますので、予めご了承ください…。（外部へのリンクなどは、一部繋がっていないものもあるかもしれません） ■今後について 時間ができたらリニューアルしたいと考えていますが、現在他のコンテンツをリニューアル作業中のため、ケータイindexは後回しにされています…。ごめんなさい。
DoCoMoのCSSとXHTMLまとめ | 村式開墾日記
DoCoMoのCSS、XHTMLにはクセがあります。注意すべき点をまとめてみました。 これに関してはいろいろなサイトで論じられていますが、既出のネタや仕様書の内容も含めなるべく広範囲に渡って情報を集めました。 他のキャリアについてはまた書くと思います。 特に気をつけるべき点を先にまとめると、こんな感じです。 ・CSSはインラインでしか記述できない。 ・XHTMLが必須でかつ適切なContent-Typeヘッダを吐く必要がある。 ・istyle属性は使えない。 ・MARQUEEタグは使えない。 ・object要素によるFlashの埋め込みはiモード対応XHTML1.1から。 ・TABLEタグはiモード対応XHTML2.0以降でないと使えない。 ・GPS用の属性lcsはiモード対応XHTML2.1以降でないと使えない。 (DoCoMoに限った話ではない内容も含まれています) CSSの名称、記述
モバミル - イケてる携帯サイトデザイン
########## REQUIRED: INSERT DESCRIPTION ##########
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
http://mobamiru.kayac.com/view?page=12