タグ

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

  • モカの腹: Dreamweaverで携帯サイトを作る方法

    先日、CSSNiteで携帯サイトの作り方の話を聞き、自分でも携帯サイトを作り始めました。 以下に、そのまとめと自作のDreamweaverのスニペットと拡張機能を載せます。 1)XHTML Transitionalでページを作成する 携帯サイトはいろいろな言語で作ることが出来ます。 例えばi-modeなら「i-mode HTML(C-HTML)、XHTML、i-mode XHTML」で書くことが出来、さらにそれぞれの言語にバージョンがあり、言語によって使えるタグや対応機種も違ってきます。 auでは「HDML、XHTML Basic」、softbankでは「ソフトバンク携帯電話向けHTML、XHTML Basic」のようです。 ---------------------------------------------- 私は ・CSSが使える ・divの中の背景色指定が出来る な

  • TAM テクニカルチーム | 携帯サイト リンク色と下線 | Tips Note

  • [web制作]ディレクトリ振り分けタイプのPC/携帯サイトのアナリティクスとか .htaccessとか

    調べる。 備忘録としてwebやデザインについて調べたり 新しく知ったことなどを書き残していくカテゴリです。 仕事で思いっきり詰まったのが解決したので備忘録として。 「…今更ガラケー?」ってツッコミはナシでお願いしますw ホント備忘録なのでw もしかしたら困ってる人もいるかもだし…☆ちなみにwebcre8はガラケー好きですw 必要としていた携帯対応サイトの仕様 携帯でアクセスするとmディレクトリに飛ぶ Google Analyticsのアクセス解析をPC、携帯両方に設置 その他実際に実装したのは[.htaccess]サイト作成時のリダイレクト系の.htaccessで指定していたのと大体一緒ですね。 ディレクトリ構成 ルート- [img] [css] [js] [m] - index.html other.html index.html other.html sitemap.xml sitem

    [web制作]ディレクトリ振り分けタイプのPC/携帯サイトのアナリティクスとか .htaccessとか
  • 携帯サイト作成のときに必要な基本的な情報

    このカテゴリでは、iPhoneAndroidスマートフォン向けのサイト制作に関する情報を掲載しています。 また、昔の携帯電話(ガラケー)向けの情報も残しています。 スマートフォン iPhoneをiOS17にアップデートしたらサイトのフォント(文字)の表示が太くなった Androidで明朝体が表示されるようになった レスポンシブデザインの仕組みと作り方、メディアクエリの書き方 スマホの画面サイズに合わせて画像・写真を縮小・拡大表示するレスポンシブデザイン スマホで画像を表示するとボヤける。srcsetを使ってパソコンとスマホの両方でロゴ画像などを綺麗に表示する。 JavaScript でスマホの位置情報(GPS)、緯度・経度を取得する JavaScript でスマホの加速度センサーやジャイロによる加速度、向き、傾きの値を取得する Googleのモバイルフレンドリーテスト、サイトのスマホ対応

  • 携帯絵文字変換スクリプト 3キャリア対応

    携帯絵文字変換スクリプト(PHP配布) 携帯3キャリア(NTTドコモ,au,ソフトバンク)の共通絵文字を表示するスクリプトです。 従来、絵文字については各キャリア相互に互換性がなく、携帯サイトを制作する際は各キャリアに合わせたページを制作する必要がありましたが、このスクリプトを利用することで、1つのページで3キャリアに対応させたページ作りが可能となります。 プログラム概要 共通絵文字変換表に基づき、ドコモの絵文字を基準に、auとソフトバンク向けの携帯電話に対し、同等の絵文字を表示します。 スクリプトの呼び出しはSSIを利用するため、現在のHTMLPHPに変換したりする必要はありません。 スクリプトはPHP単体で動作するため、HTML内の絵文字を表示したい部分に一定の記述(SSI)を追加するだけで、絵文字を簡単に表示させることができます。 →サンプル ※サンプル画面にはありませんが、ソフト

    携帯絵文字変換スクリプト 3キャリア対応
  • ネクストシステム:技術情報 - 携帯Flash作成講座 - 目次

    携帯フラッシュ作成講座 0. はじめに 0 - 0. Flashについて 0 - 1. FlashLiteについて 0 - 2. FlashLiteの制限 0 - 3. FlashLiteのバージョン 0 - 4. Flashの基礎知識 1. インターフェイス 1 - 0. 全体 1 - 1. ツールパレット 2. 入門講座 2 - 0. 作成準備 2 - 1. 「HelloFlashLite」 - 画面表示、ムービープレビュー、アップロード 2 - 2. 「DigitalWatch」 - ActionScript(fscommand)、ダイナミックテキスト、レイヤー、フレーム 2 - 3. 「MoveBall」 - ActionScript(条件分岐 if)、ActionScriptプロパティ 2 - 4. 「Tween」 - モーショントゥイーン、ボタン

  • 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(ブログ)
  • 携帯ホームページを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    さっそく、読者の方から、「iモードブラウザ」が「2.0」になりましたが、 携帯サイト市場としてすぐに対応は必要ですか? というご質問を頂いたので、今更ではありますが僕なりの見解をお伝えしますね。 結論から言うと 「もちろん動向をウォッチしていくことは必要だが、焦ってすぐに対応する必要はない」 と思います。 iモードブラウザ2.0がドコモ新機種(昨年の夏モデル)に搭載されたとき、 技術系のブログではいち早く過去のブラウザバージョンとの違いを比較した情報を伝えていましたが、 私はその情報はもちろん作り手として知る必要はあると思うんですけど、 おそらく皆さんが思っているのは、そうではなくて、 じゃぁすぐに対応すべきかっていうことだと思うんです。 確かに携帯サイト業界のトレンドや動向は変化が早いと言われますが、 XHTML+CSSベースで携帯サイトが作れるようになった今でも、 核となる制作ノウハウ

  • http://case-mobile-design.com/

  • mobilesystem.jp - mobilesystem リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    matea
    matea 2011/06/20
    バナーサイズ
  • 携帯サイトをつくろう。 | 携帯サイト制作のために役立つ情報満載サイト

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。

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

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

  • 携帯シミュレータ - P1エミュレータ

    「P1エミュレータ」は、ケータイサイト(docomo/SoftBank/auの3大キャリア)、及びスマートフォンサイト(AndroidiPhone)の表示・動作を確認できるエミュレーターです。 ページのレイアウトや絵文字など、各キャリアの仕様や個々の端末によって大きく異なる見栄えや、イメージ・動画の再生状況などを一つのソフトで確認することを可能にし、ケータイサイトの管理・運営に掛かるコストを大幅に軽減する画期的ツールです。

  • Android (アンドロイド携帯) 使い方辞典

    このページはグーグル社のAndroid(アンドロイド)携帯についての使い方を説明しています。このページ内に掲載しているページのURLは変化することがあるため、なるべくこのトップページから見てもらう方が安全です。 このページで使用しているAndroid携帯端末はGoogle Developer Day 2009で配布されたもの (HT963LF00038) を使用しています。このため、実際に販売されている機種とは若干異なることがあります(機種やメーカーによっても違う)。 現在発売されている機種で以下のものは、同様の使い方のページを用意しました。 Galaxy S使い方辞典 Galaxy S2使い方辞典 Galaxy Nexus使い方辞典 Nexus 7使い方辞典 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。

  • 携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net

    ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneAndroidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 サンプルを元に解説してくれているので分かりやすいです。 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 携帯サイトの作り方 5年前の情報なので参考程度に。今は随

  • 1