初心者でも分かるスマートフォンサイト制作のまとめ
「スマートフォン対応したWebサイトなんて作ったことない」「iPhoneサイトの作成は初めてだから分からない」など、デザインやコーディングの仕方、画面サイズなど、スマートフォン関連の情報を探すのが大変なので、参考になる情報をまとめました。
スマートフォンサイトデザインの本を執筆いたしました
カヤックさんと共著で「実例200に学ぶ スマートフォンサイトデザインのアイデア帳」を執筆させていただきました
本書では、数多くのWebサイトの中からデザインテーマごとに参考となる事例を紹介しています。タップやフリックといった、スマートフォン特有の動作を活かしたWebデザインも含まれます。
これを見れば大丈夫！iPhone/Android向けサイトの制作に役立つ情報
- 2013年はスマフォサイトを作りたい！参考にしたい人気スマートフォンサイト１９
- スマフォの特長を活かす！振ったり、縦横で切り替えるスマートフォンサイト
- たった１行でiPhoneサイトのヘッダーにアプリバナーを表示させる方法
- 200サイトのiPhoneデザインを見て感じたスマートフォンの最適化
- 少しのコードで実装可能な15のスマートフォンサイト用小技集
- スマートフォン向けのサイトデザインでとっても大切な5つのポイント
- 初心者のためのスマートフォンサイトを作るときに見ておきたいサイト
- Webサイトのスマートフォン対応 7つの基本ルール
- スマートフォンサイトをデザインする上で知っておくべき10のTIPS
- 初めてスマートフォン専用ページを作成する際に知っておきたいポイント
- スマートフォン向けフレームワーク注目の「jQuery Mobile」でスマホサイトを作ってみよう【基本編】
- WebのスキルでiPad/iPhoneアプリ風のWebアプリ作成のまとめ
- スマートフォン最適化を実施する際に最低限抑えておきたいこと
- iPhone向けサイト構築 基礎文法最速マスター
- iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】
- スマートフォン向けサイトの作り方
- 「スマホ対応サイト制作 初心者向け」みたいな感じで書いてみた -1.メニュー編-（※iPhone寄り）
- スマホ対応サイト制作 CSSテクまとめ（１・２回まとめ）
- CSS3 Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
- iPhoneサイトで画像ギャラリーを簡単にフリック操作対応させる
- スマートフォンサイトを作る時に便利なフリックが実装できるjQueryプラグイン7選
- 1行でスマートフォンサイトにフリック式スライドを実装できるjQueryプラグイン
- スマフォ向けサイト構築等に便利そうな、指定サイズに応じてclass名を加えてくれる軽量jsライブラリ・Selector Queries
- スマフォサイトでよく見るパーツのコードサンプル集
- ブラウザサイズに応じてclass名を自動で付け替えてくれるjQueryプラグイン「browserSizr」
- スマートフォンからのアクセスをJavaScript, jQuery, node.js, PHP, ASP, Perlなどで検出する