タグ

モバイルサイトに関するblogpantsのブックマーク (9)

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

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

  • 3G端末(FOMA・WIN・3GC)のモバイルサイトのコーディング&デザイン - livedoor ディレクター Blog(ブログ)

    こんにちは。『Cure』や『livedoor 歌詞』を担当しているモバイルディレクターの吉沢です。 つい最近、PC サイトのディレクターが初めてモバイルサイトの開発を担当するという機会がありました。 どの情報を伝えれば初めてモバイルサイトを担当する人にもスムーズに進められるのか、PC とモバイルで一番特徴のあるコーディングとデザインについて、これだけ覚えておくと簡単な3G(FOMA・WIN・3GC)端末用モバイルサイトが作れてしまうノウハウをご紹介したいと思います。 【01】対応端末について こちらの記事にもあるとおり、3G 端末(FOMA・WIN・3GC)がアクセスの9割を占めているため、これからオープンさせるサイトの対応端末は、3G 端末で十分そうですね。 サイトの内容にもよりますが、下位端末(PDC・P型・C型など)を対応端末として含めてしまうと、機能や容量制限などに悩まされ、逆に運

    3G端末(FOMA・WIN・3GC)のモバイルサイトのコーディング&デザイン - livedoor ディレクター Blog(ブログ)
  • 3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ

    という素敵仕様なので、泣く泣く各タグ内にstyle属性を書きます。 どーしても我慢できない場合は、外部スタイルシートをインライン展開するようなフィルターを作成するとかでしょうか。ググッてみたら、HTML::DoCoMoCSSというPerlモジュールを作成されている方もいらっしゃいました。 ■画像形式 GIFとJPEGであれば大丈夫なようです。 ・iモード対応コンテンツ作成時の仕様 | サービス・機能 | NTTドコモ ・KDDI au: 技術情報 > 機種別情報一覧 ・ソフトバンク 端末情報 Part1 ~ ソフトバンク 端末情報 Part4 ・Mobile Creation 対応フォーマット一覧 ただ、SoftBankの場合、 ソフトバンク 端末情報 と気になる記述があったりするのですが、この2機種は、 ・V801SHをご利用のお客さまへ ・V-NM701/V801SAをご利用のお客さま

    3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
  • http://blogn.hustle-user.com/index.php?e=101

    blogpants
    blogpants 2008/08/12
    モバイルサイト IP判定
  • モバイルサイト向け解析ツール「うごくひと」、訪問者の属性や使用機種も

    アクセス元の組織や地域情報に特化したアクセス解析ツール「なかのひと」を提供するユーザーローカルが、8月6日にモバイルサイト向けのアクセス解析ツール「うごくひと」を公開した。 うごくひとを利用するには、ウェブサイトでユーザー登録する必要がある。1アカウントにつき、1サイトをアクセス解析できる。解析項目は以下の通り。 年齢、性別、地域などのユーザー分析機能 サイト訪問者の年齢層、男女比、都道府県別の割合など、「どんな人がこの携帯電話サイトにアクセスしているのか」を推計する。あくまで全体の平均値を推測するものであり、個別のユーザーの年齢、性別を特定することはできない。 携帯電話端末分析機能 サイト訪問者が利用している携帯電話端末について、各メーカーの比率、発売時期、フルブラウザ対応状況、ワンセグ対応率、画面サイズを分析する(2004年以降に発売された機種に対応)。 検索キーワード分析機能 サイト

    モバイルサイト向け解析ツール「うごくひと」、訪問者の属性や使用機種も
    blogpants
    blogpants 2008/08/07
    携帯サイト用アクセス解析 ある程度の属性が判断できるようです。 こんなのほしかったー。
  • フォームの入力モード? -wap-input-formatについて - @・ェ・)やるっきゃない

    とりあえずやっとで解決した。 何が起きていたかというと、XHTMLで3キャリアのデフォルト入力モードを英字にするってことをやっていたんだが、これがどうもうまくいかない ソース <input type="text" name="mail" style=" -wap-input-format:'*&lt;ja:en&gt;'; -wap-input-format:*X; -wap-input-required:true;" mode="alphabet" /*> ※整形は適当です。見やすいかな? 期待してる動きとしては3キャリアとも ・デフォルト入力モードが英字 ・英数字、記号も入力可能 です。 しかしこれではダメですた。 SoftBankの一部の機種?(少なくとも811SH,810SH,912SH)で 入力モードが英字or記号だけになる、数字が入力できない。(au,DoCoMoは期待通りに動

    blogpants
    blogpants 2008/07/17
    モバイルメモ 一部機種でこういう対応が必要になる。 ブロガーさんに感謝
  • モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか?』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ

    blogpants
    blogpants 2008/07/10
    最近のモバイルサイトの作り方 的な。 これからサイト作成を考えている人は、一読すると1ランク上のサイトを作れますよ!たぶん。
  • 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の名称、記述

    blogpants
    blogpants 2008/07/04
    携帯コンテンツメモ 携帯コンテンツ作成の注意点
  • 404 Not Found

    申し訳ありませんが、現在このページは存在しません。 以下ページにアクセスして目的のページを再度お探しくださいませ。 ※5秒後に自動的にページが切り替わります。 http://kigyoka.com/

    blogpants
    blogpants 2007/07/27
    ここまでとは、しりませんでした。 やっぱモバイル業界あなどれないなぁ・・・ 携帯してるもんね。
  • 1