「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための入門ガイド。PCサイト制作のノウハウを生かして作るスマートフォン（iPhone/Android）対応サイト制作の基礎知識から実践的なテクニックまで解説します。<cj:inc template="792" element_id="594257" />

昨年の10月にiPod touchを購入してからtouchのSafariでWebサイトをみるようになりました。Safariは確かに使いやすくパソコンの解像度を想定して作られたWebサイトでも見やすくするUIになっていますが、やっぱりiPhone/iPod touchに最適化されたサイトの方が見やすいなぁと正直思いました。 てことでWordPressのプラグインを使うことでこのサイトをiPhone/iPod touchに対応してみることに。 iWPhone WordPress Plugin and Theme とってもうれしいことに、WordPressには「iWPhone」というプラグインがContentRobotさんから公開されています。 主な特徴としては、 iPhone/iPod touch専用テーマとプラグインのセット iPhone/iPod touchからのアクセスの時のみ専用テーマ

この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。

テカテカってて、とっても綺麗な iPhoneのアイコンたち・・・コレを真似て作ろうとすると・・・作れないこともないけど、けっこう面倒っちぃわけデス^^; そんな時はこいつを使おう！！ iPhone（風）アイコンのジェネレータを使っちゃお♪ 今回は2つほど紹介するっちゃ♪ どちらも用意するのは「512x512のJPG画像」のみ・・・そのファイルを読ませるだけで iPhone（風）アイコン画像が完成しちゃいますよ♪ ＊　　　　　　＊　　　　　　＊ iPhone-like icon maker こいつをぶち込むと・・・ small (57x57) large (512x512) こいつとコイツを書き出してくれます：） pngファイルで、透明処理もされてて使い出アリまっせ！ ＊　　　　　　＊　　　　　　＊ それから二つ目のジェネレータはこちら..... Polish your iPhone app