タグ

携帯サイトに関するchoro_qのブックマーク (7)

  • 1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering

    初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初

    1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
  • モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト

    モバイルデザインアーカイブとは? 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー?」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。

  • 携帯サイト用3キャリア対応XHTMLテンプレートで中小規模のサイトを作る! - digilog.blog

    ⇒【最新版】携帯サイトテンプレートをダウンロード 携帯サイトを作る場合に、キャリアごとの仕様や、端末ごとの特徴を全て把握することはあまり現実的ではありません。仮に全てを把握したとしても、一つのファイルで全端末を完璧にカバーする携帯サイト用ウェブページを作ることは非常に困難な状況です。 今回は携帯サイトを作る際に、なるべく無駄な作業が発生しないように、簡単にXHTML+CSSの携帯サイトを作れるやり方を説明します。 あくまで現時点でベターなやり方なので、「もっとこうしたらいいよ」というアドバイスやツッコミがあれば受け付けます。 それぐらい今の携帯サイト制作は曖昧な部分が多いので、皆様もネット上で拾った知識は参考程度に受け止め、是非「自分流」を作り出して欲しいと思います。 ソースのサンプルとテンプレートダウンロードは以下から。 各キャリアごとに最適化されたファイルを用意し、ユーザーエージェント

  • FACEs: 携帯Flash (FLASH Lite 1.1) へ普通にパラメータを渡す

    http://faces.jp/files/ao/0814/wrap.php?a=welcome&b=to&c=faces 上記リンク先でURLのパラメータを変更してみてください。 ソースは 'test.swf' の部分を好きな swf に書き換えて下さい。→ zip ファイル というか、「iモード用のFLASHにパラメータを送りたい」 に antwerpen さんが書いてくれてるものを function にくるませてもらっただけです。ありがとうございました。 <? header("Content-Type: application/x-shockwave-flash"); //echo swf_wrapper('test.swf',array('arg'=>"dsadasdasdasdadadsa")); echo swf_wrapper('test.swf',$_GET); fun

  • 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つ : アシアルブログ
  • るびま

    『るびま』は、Ruby に関する技術記事はもちろんのこと、Rubyist へのインタビューやエッセイ、その他をお届けするウェブ雑誌です。 Rubyist Magazine について 『Rubyist Magazine』、略して『るびま』は、日 Ruby の会の有志による Rubyist の Rubyist による、Rubyist とそうでない人のためのウェブ雑誌です。 最新号 Rubyist Magazine 0058 号 バックナンバー Rubyist Magazine 0058 号 RubyKaigi 2018 直前特集号 Rubyist Magazine 0057 号 RubyKaigi 2017 直前特集号 Rubyist Magazine 0056 号 Rubyist Magazine 0055 号 Rubyist Magazine 0054 号 東京 Ruby 会議 11 直

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

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

  • 1