実践
コードで学ぶスマホサイト制作
4

スマートフォンサイトの実際のコードから、制作のポイントを見ていきます。今回は主にCSSまわりのポイントに着目してみましょう。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア
外村 奈津子
外村 奈津子 | エディター

実際のスマートフォンサイトのソースコードを見ながら、HTMLから分かる制作ポイントをおさえていきましょう。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア
外村 奈津子
外村 奈津子 | エディター

スマートフォンの特徴のひとつにCSS3への対応度が高いという点があります。実際にピクセルグリッドで使用実績のあるCSS3のプロパティと、その使い方を紹介します。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア
外村 奈津子
外村 奈津子 | エディター

まずはスマートフォンの特徴を概観してみましょう。「スマートフォン」と一口にいっても、iOS、Androidなど複数のOSがあり、多くの機種があります。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア
外村 奈津子
外村 奈津子 | エディター