「HTML5+CSS3で作るiPhoneサイト」書籍のサンプルに沿って習作を作成しました。 ポイントはHTML5の正しい文書構造と、CSSおよびCSS3のアドバンストな使用法の実践です。 角丸 グラデーション 透過および擬似クラスによるclear:both的効果 Positionレイアウト…

HTML5リファレンス

HTML5とCSS3の技法を使うことで、表現、装飾の幅は拡がります。しかしブラウザによって対応状況に差があるため、使うポイントについては注意が必要です。意図したとおりに見えない状況でも重要な情報は伝わるように使いどころを工夫しないといけません。 属…

HTML5とCSS3を使うことで実現できる事 画像を使わずに背景に角丸を作れる 背景をグラデーションにできる 背景を透過にできる 背景の角度を調整できる before、afterの指定ができて、指定の前に（後に）何か置く事ができる 奇数番目、偶数番目に対して指定が…

140×140、300×300、140×300、300×140の画像だけでレイアウトを作る練習をしました。 完成形 html5形式で作ります。 作成のコツ まず、pタグを使ってすべての画像を並べます。 html5ではpタグの代わりにを使うので、に打ち替えます。 html5ではdivタグの代わ…