タグ

ブックマーク / dspt.blog59.fc2.com (4)

  • モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう! -ちょっと詳しいモバイルサイトの作り方-

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

  • 半角カナのなせる技~オシャレかつスマートに着飾る魅力 携帯サイトを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    なんか、タイトルがアパレル業界の広告文言みたいになってしまった、、、 それはさておき。今回は「半角かな」を上手く使ってページを作成するという、有名な手法を紹介します。 半角カナをホームページのページ内に使うと、必ずや質問されること。 それは、、 「半角カナってホームページに使うと文字化けするから使っちゃいけないんでしょう?」 と言う質問。 いえいえ、半角カナはホームページ内の文章に使用したからといって文字化けすることはありません。文字化けを起こすのは、メールのデコード上の問題であり、HPの作成にはなんら問題はありません。 この点を理解していることが前提で話を進めますが、 携帯電話の画面いっぱいに表示できる文字数というのは、物理的な制約があります。1画面に表示できる最大の文字数は、液晶の大きさや解像度・表示サイズの設定等によっても左右されますが、あの小さな画面に表示できる文字数にはやはり限界

  • 携帯サイトのDOCTYPEについてもう一度考えてみる。 携帯ホームページを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    以前、 ドコモ iモードサイト作成時のHTML DOCTYPEまとめ (http://dspt.blog59.fc2.com/blog-entry-37.html) について書きましたが、今読み返すとあまりに適当な気がして、 読者の方に誤解を招くのは申し訳ないので、携帯サイトを制作する際に、 DOCTYPEはどのように記述すべきかもう一度考えてみます。 現在、各キャリアが推奨しているDOCTYPEは、 Kamitani79-メロンとバナナとブログさんに書かれているように、各社独自に定めています。 が、しかし実際のところは、3キャリア共通のXHTMLを書く場合には、 XHTML Mobile Profileに従って記述するほうが、各社のXHTMLの仕様を見ても、 一番合っている気がします。 ただ、XHTML Mobile Profileはかの有名なW3Cが勧告したものではなく、 携帯端末の特

  • ドコモ iモードサイト作成時のHTML DOCTYPEまとめ 携帯サイトを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    前回の記事でHTMLの冒頭で宣言するDOCTYPEの違いについて触れたのと、 携帯の機種によってDOCTYPEを自動出力するようなプログラム(関数) を作ろうかなって思ったので、ここで今一度覚え書き程度にまとめてみます。 3回にわたって各キャリア別に書いていきます。 まずはドコモから。 ○iモードHTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN"> 通称:Compact HTML(CHTML)。W3Cで正式な勧告がなされている。 以前、携帯メーカー各社がこの「Compact HTML」をW3Cに逆提案したいきさつがある。 現在バージョンは7.0まであり、バージョンアップを重ねるごとに ドコモの新機能に対応した形でリリースされる。基的にはHTMLと同様。 このDOCTYPEは省略可能か公式サイトには明言され

  • 1