Web サイトのスマートフォン最適化: UA 判別篇
iPhone 買いました。iPhone 4。はじめてのスマートフォンですよ。 で、この機会にこのサイトのスマートフォン最適化を図ろうと考えたわけです。今までなにもしてなかったので。しかし恥ずかしながらスマートフォン向けのサイトを作った経験がなかったので、どこから手をつけたものかわからない。そこで、とりあえず参考になりそうなネタを探そうと「wordpress iphone 最適化」あたりでググってみたところ (このサイトは WordPress で作ってます)、どうも WPtouch iPhone Theme というプラグインが人気らしい。このプラグインは有効にするだけで WordPress サイトをスマートフォン向けに最適化してくれる便利なもので、採用してるサイトもよく見かけます。 でもプラグインをそのまま導入したんじゃ面白くない。やっぱテーマは自分でいじりたいし。となると、とりあえず知りた
iPhone・iPod TouchをPHPで判定して分岐 | 凸凹
通常、iPhoneやiPod TouchでWebサイトを見る場合、文字とか画像とか小さく縮小されて表示されます。 iPhoneで見たときだけiPhone用にCSSあてたりして表示させる方法もあるんだけど、俺は、それが中途半端でな感じがして嫌なんで、iPhone専用に表示されるようにちゃんと切り分けたいなーと思ってます。 んで、Javascriptとかで分岐するとソースが、アレな感じになるのが気持ち悪いので、サーバーサイドで判定させて分岐させることにした。 <? php $ua = $_SERVER['HTTP_USER_AGENT']; if ((ereg("iPhone",$ua)) || (ereg("iPod",$ua))) : //iPhone・iPod Touchの場合の処理 echo("iPhoneかiPod Touchですね。"); include('iphone.htm
Iphooone
3M architectural finishes are decorative surfaces that can be applied virtually anywhere and offer hundreds of different design choices. Because…
既存サイトのiPhone対応。あびるの場合。 ｜ Abi-Station
Albuquerque nation / SimonDoggett iPhone買っていろんなサイトを見ております。 で、少しずつ自分が運営するサイトのiPhone対応を考えて実験してました。 実験結果をまとめたいと思います。 先に結論を。 ・Wordpressはプラグインを入れよう。 ・AjaxやFLASHが動かないと機能しないサイトは携帯向けページを表示しよう。 ・その他のサイトは何もしない。 で、以下はその結論に至った詳細です。 WordPress・・・ CogDogBlog a la iPhone / cogdogblog iPhone対応のプラグインを入れましょう。かなり見やすくなります。 当ブログでは導入済みです、 WPtouch iPhone Theme AjaxやFLASHが動かないと機能しないサイト・・・ Nitobi Ajax Grid Master Detail /
ke-tai.org > Blog Archive > 既存のケータイサイトをスマートフォン向けサイトに変更するテクニックをまとめた記事「1時間で携帯サイトをスマートフォン対応にする方法」
既存のケータイサイトをスマートフォン向けサイトに変更するテクニックをまとめた記事「1時間で携帯サイトをスマートフォン対応にする方法」 Tweet 2011/4/26 火曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | No Comments » GREEのエンジニアブログに興味深い記事がありましたのでご紹介します。 既存のケータイサイトを、スマートフォン向けサイトに変更するテクニックをまとめた「1時間で携帯サイトをスマートフォン対応にする方法」という記事です。 → GREE Engineers’ Blog 1時間で携帯サイトをスマートフォン対応にする方法 [labs.gree.jp] その題名の通り、ケータイ向けサイトをスマートフォン向けサイトに対応させるためのポイントが、チュートリアル形式でまとめられています。 ステップとしては8つに分かれる
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
