永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
HTML_CSS_Mobile - Openpear
HTML_CSS_Mobile Subversion Repository: http://openpear.org/repository/HTML_CSS_Mobile / Latest Release: 0.1.6-beta このライブラリは、 <link>タグからの外部CSS <script></script>タグ内記述CSS スクリプト上からの外部ファイル とかとかCSSファイル/記述を展開し、inlineのstyle要素に埋め込んでくれます。 まだベータな感じ。これからどんどんupして行って、ケータイのHTML/CSSのバッドノウハウを吸収できる緩衝材になればいいなと思って作ってます。 なお、このパッケージはCodeReposからのexternal版で、本体リポジトリは http://coderepos.org/share/browser/lang/php/HTML_CSS_Mo
style="display:none"にするとauはフォームの値を送信しない - スコトプリゴニエフスク通信
タイトルのとおりなんだけれども、 form method="post" action="."> div style="display:none">input type="hidden" name="csrfmiddlewaretoken" value="xxxxx" />div> input id="id_name" type="text" name="name" value="" maxlength="15" />br /> input type="submit" value="Submit" /> form> のようなHTMLを書くと、auのブラウザはcsrfmiddlewaretokenというフィールドの値を送信しないようだ。少なくともW52CAで確認。これはちょっとハマッた。type="hidden"のinput要素をdisplay:noneのブロックで囲むなんてあんまりしないかな
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
ke-tai.org > Blog Archive > ケータイ3キャリアに対応するためのDOCTYPE宣言について
ケータイ3キャリアに対応するためのDOCTYPE宣言について Tweet 2009/10/14 水曜日 matsui Posted in 全キャリア対応, 記事紹介・リンク | 11 Comments » XHTMLを使ってケータイサイトを作成する際には、HTMLの冒頭にDOCTYPE宣言を記述する必要があります。 先日からこの「DOCTYPE宣言」に関するブログエントリーが人気を集めているようなので、当サイトも触れてみようと思います。 下記2つのサイトでは、どちらもif文でユーザエージェントを判定して、DOCTYPEを出し分けるという処理を紹介しています。 → ma-san.org 携帯サイトをHTMLではなくPHPで組むときのDOCTYPE分岐方法 [ma-san.org] → ある人のぼやき 携帯サイトのDOCTYPE分岐方法 [d.hatena.ne.jp] DOCTYPE宣言とは
docomoとかいう端末はtextareaの間に文字を入れないと、そこ以降のhtmlが出力されない？ - 新だるろぐ跡地
追記 誤解でした -> http://d.hatena.ne.jp/foosin/20090712/1247367730 モバイル開発してたら気がついた。ただでさえモバイルは主要3キャリアの色んな仕様がバラバラだが、中でも最低に酷いあの、 guidってパラメータつけなければ端末IDが取得できない クッキーが使えない 外部cssが読み込めない WAP2.0互換なiモード対応XHTMLが使えるとか大嘘ついてる docomoとかいう 独自仕様ぶっちぎり、デファクトスタンダード何それおいしいの？ついでに「メールアドレスの形式はRFCに準拠しています」とか大嘘こいた挙句数週間後にはwebサイト上からその表記を抹消してその件については何のフォローも無い上、そんなアドレス使ったせいでPCとメールが送受信できない場合があるのはプロバイダのせいですよ、と受け取れる説明を載せただけじゃ飽きたらず未だにRFCに
IP制限のかけられたモバイルサイトのソースを見る方法 - komoriyaのはてなダイアリー
モバイルサイトのコーディングをする際、他サイトのコードを参考にしたいけど携帯端末以外のIP制限がかけられておりソースが参照できない場合があります。 そういったときはGoogleを使ってPCのブラウザなどから見る事ができます。 まずGoogleサイト検索を使って見たいモバイルサイトのURLで検索します。 例えば、はてなダイアリーモバイル場合 site:d.hatena.ne.jp/mobile ※はてなモバイルはIP制限をかけておりませんが例として。 普通に検索結果をクリックしますとPCページへリダイレクトされてしまいますので、「キャッシュ」の方をクリックします。 そうするとGoogleにキャッシュされているモバイルページが閲覧することができます。 あとはブラウザからソースを表示すればGoogleの注意書き以降は対象ページのソースとなります。 その他 ・Googleのキャッシュを見る事になる
３キャリア対応のテンプレートの話 - 絶品ゆどうふのタレ
キャリア別とか2G用にテンプレートを複数作って対応というのは個人で出来るレベルじゃないので、モバイル向けは１ページごとに１枚のテンプレート追加で作る。 なるべくPC向けのテンプレートを大幅に修正しなければいけないようなものは避ける。 (中略) 最後にもう一度まとめ ・文字コードはUTF-8。 ・マークアップ言語はXHTML Basic。 ・画像はJPEGかGIF。 ・CSSはインラインで書く。 ・ページサイズはXHTML9KB以内、画像含めてで100KB以内。 で、最近の端末はだいたいカバーできるはず。 ページが見つかりませんでした | 15Pub ってことで、割とよくまとまっている感じ。 ただ、実際にこのやり方で組んだことはないんじゃないかなーって言う印象。いや、やったことあったらごめんなさい。 何でそう思うかって言うとインラインCSSのハマりっぷりについて何も触れてない。 ３キャリアで
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
ｻｰﾋﾞｽ終了のお知らせ-携帯小説☆ﾌｫﾚｽﾄﾉﾍﾞﾙ
｢ﾌｫﾚｽﾄﾉﾍﾞﾙ｣「ﾌｫﾚｽﾄﾉﾍﾞﾙﾌｪｽﾀ!!｣は2014年1月30日をもちましてｻｰﾋﾞｽを終了いたしました｡ これまで長らくご利用いただきまして誠にありがとうございました｡ ご愛顧を賜りました全てのﾕｰｻﾞｰ様に､心より感謝と共に厚く御礼を申し上げます｡ 今後とも弊社運営ｻｰﾋﾞｽをよろしくお願いいたします｡
携帯サイトの作り方
ここでは、携帯向けサイトの作り方を簡単に紹介します。 PC向けサイトを作ったことのある人を対象とさせていただきます。 まず、携帯版のファイルはPC版と完全に分けましょう。 共通のファイルで済まそうとするのはかなり無理があります。 PCと携帯の違い いくつかあるので順に説明します。 ファイルサイズの制限 これが一番大きなところでしょう。 後で詳しく説明しますが、携帯向けサイトでは1ページ当りのファイルサイズを 画像も含めて5Kbytes程に収めなければなりません。 5Kbytesでは足りない、と思われる方も多いと思いますが 試しに5Kbytesの文章を書いて携帯で表示させてみましょう。 携帯の小さい画面から見ればこれでもかなりの情報量だと感じるはずです。 スタイルシート関連 携帯向けサイトでは、一切のスタイルシートが使えません。 もともと、スタイルシートとは細かな装飾方法をアレンジするための
Six Apart - Docs: Mobile Link Discovery 仕様
このページでは XHTML/RSS/Atom においてモバイル版 URL へのリンクをメタデータに埋め込む仕様: Mobile Link Discovery について解説します。 (See English version of this page.) サマリ モバイル端末に最適化されたウェブページをもつサイト（Publisher と呼びます）は、link タグにその URL を以下のように記述します。 <link rel="alternate" media="handheld" href="..." /> こうすると、サーチエンジン、ブログサイト、ソーシャルブックマーキングサイトといった外部のサイトのモバイル版ページから、Publisher 側のモバイルページに正しくリンクすることができます。 このモバイルリンクは RSS や Atom フィードに記述することもできます。 例 http:/
ウノウラボ Unoh Labs: 携帯サイト作成時の注意点(SoftBank編)
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
携帯サイトを見ている時にフルブラウザで開きなおすようなリンクを貼る方法を教えてください。…
サービス｜Y!mobile - 格安SIM・スマホはワイモバイルで
iモード対応HTML