ここまでできる！CSS3
CSS3やCSS、HTML5を中心に、実務で使える設計・実装の要点を短く解説します。
-
8
スマートフォンサイトは、特に理由がない限りHTML5とCSS3で制作するのが一般的です。これまでの総まとめとして、新しい技術を試すのにちょうど良いスマートフォンサイトを作ってみましょう。
-
7
今回は、前回のWEBパーツに続き、これまで紹介してきたCSS3の機能を使ってナビゲーションパーツを作成してみます。
-
6
今回は、これまで紹介してきたCSS3の機能を使って、コンテンツの見出しやボタン、アイコンなどのWebパーツを作ってみます。
-
5
今回は、これまでの連載の中で出てきたCSS3の表現を使って、画像をちょっと素敵に装飾してみましょう。opacityプロパティで画像を半透明にしたり、box-shadowプロパティで画像枠に影を付けたり、Webフォントで写真にタイトルを付けたりと、画像装飾の例を紹介します。また、CSS3のtransformプロパティを使って、JavaScriptを使わずに画像を回転／拡大する方法も紹介します。
-
4
CSS3のWebフォント機能は、サーバー上にあるフォントを利用するもので、ユーザーの閲覧環境に依存しません。今回は、CSS3のWebフォントを使った表現や、注意点について紹介します。
-
3
今回はCSS3で追加された:nth-child()擬似クラスを使って、1行ごとに背景色を変えて表示するゼブラテーブルや、土曜・日曜・祝祭日に平日と異なるスタイルを適用させたカレンダーなどを作成します。
-
2
今回は、クロスブラウザなテクニックとして、IEの独自拡張であるfilterプロパティを使ってCSS3の表現を再現する方法を紹介します。
-
1
最初に、CSS3とは何か、今どのような状況にあるのかを簡単に説明します。そのうえで、すでに実用段階にある注目の機能をピックアップして紹介。CSS3を使う上で必須となるベンダープレフィックスついても併せて説明します。