1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
携帯サイト検索 - goo ケータイサイトなび
着うた、着うたフル、携帯小説、絵文字、デコメサイト･･･あなたのお探しの携帯サイトがきっと見つかる。ドコモ、au、ソフトバンク別にパソコンから楽々検索。gooケータイサイトなびで流行の携帯サイト情報をゲット最終更新時間： 2008年10月5日 12時40分 グッジョブ おこづかいが貰える求人サイト グッジョブ ©グッジョブ！ 最新ＣＭコマメロ生活 最新CMから定番&懐かしのローカルCMまで ©althi Inc. ミュージカルカフェ♪ ミュージカルの着メロやボイスをＧＥＴ (C)EIGHTING CO.,LTD. 徳間書店モバイル 徳間書店の小説がケータイでも読める！ ©徳間書店/©EIGHTING CO.,LTD. バスケットボールコミュニティ バスケットボール専門コミュニティサイト ©Outnumber Inc. 求人情報 ヤッピ
携帯電話用フォトフレーム: 画像編集の方法いろいろ
■ ドコモ GIFの拡張子を".ifm"にします。基本的にはそれだけなのですが、「画像サイズがフレーム画像として認識されるサイズである」という条件があります。これがややこしい事で、撮影サイズに240x320がないと240x320のフレームは使えないのです。最近の携帯は大丈夫なのですが、古い携帯が対応していない場合があるようです。 拡張子を".ifm"にすると、自動で再配布不可になるようです。 ■ au PNGのIHDR内tEXtチャンクのキーワード Description に写真フレーム用画像の識別子として、次の文字列を挿入します。 KDFRAMAU 著作権情報も入れる場合は、tEXtチャンクのキーワード Copyright にコピーライトを入れます。 もじうめで行う場合 「編集＞コメントの設定」を選びます。 下記のように設定します。 次に「ファイル＞コメントを埋め込む」で実行したら完了で
3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
という素敵仕様なので、泣く泣く各タグ内にstyle属性を書きます。 どーしても我慢できない場合は、外部スタイルシートをインライン展開するようなフィルターを作成するとかでしょうか。ググッてみたら、HTML::DoCoMoCSSというPerlモジュールを作成されている方もいらっしゃいました。 ■画像形式 GIFとJPEGであれば大丈夫なようです。 ・iモード対応コンテンツ作成時の仕様 | サービス・機能 | NTTドコモ ・KDDI au: 技術情報 > 機種別情報一覧 ・ソフトバンク 端末情報 Part1 ～ ソフトバンク 端末情報 Part4 ・Mobile Creation 対応フォーマット一覧 ただ、SoftBankの場合、 ソフトバンク 端末情報 と気になる記述があったりするのですが、この2機種は、 ・V801SHをご利用のお客さまへ ・V-NM701/V801SAをご利用のお客さま
ケータイ端末プロファイルデータ（無償版） | インターネットメディア総合生活研究所
ケータイ端末のプロファイルデータを無償でご提供！ ウェブサイトにアクセス可能なすべてのケータイ端末※1のプロファイルデータを収集いたしました。 『ケータイ端末プロファイルデータ（無償版）』※2は、各端末の画像サイズや文字数、対応アプリケーションなどの詳細なプロファイルデータをCSV形式で提供するものです。「端末プロファイル」「画面情報」「USER_AGENT情報」の3種類のファイルからなっており、エクセルなどの表計算ソフトや各種分析ソフトで読み込むことができるので、お客様ご自身の手で、さらに詳細に、独自の軸での集計・分析ができます。 『ケータイ端末プロファイルデータ（無償版）』に収録されている詳細なプロファイルデータを分析することで、汎用性の高いコンテンツを効率的に制作することが可能となります。データは、新機種が発売されるタイミングで更新され、ダウンロード可能となります。 ※1スマートフォ
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
モバイルサイト開発者の裏メモ
w3cdtf形式の 2008-05-13T02:45:23+09:00 といった日付フォーマットの変換方法メモ date("m/d",strtotime('2008-05-13T02:45:23+09:00')); date関数の前にstrtotime関数にて読み込みする 基本的に自動で動いてくれるので、 <a href="http://b.hatena.ne.jp/entry/" class="hatena-bookmark-button" data-hatena-bookmark-layout="simple" title="このエントリーをはてなブックマークに追加"> はてブ！ </a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" as
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
