CSS3とは、ウェブページのデザインやレイアウトを作る従来のCSS(スタイルシート)に、便利な仕様がたくさん追加された新しい規格のことです。過去のCSSと互換性があるため、新旧の書き方を混ぜて簡単に使えます。CSS3では従来のCSSから何が増えて何ができる ...

CSS3とは？ 機能が増えて便利になったスタイルシート(2ページ目) CSS3とは、ウェブページのデザインやレイアウトを作る従来のCSS(スタイルシート)に、便利な仕様がたくさん追加された新しい規格のことです。過去のCSSと互換性があるため、新旧の書き方を ...

ボーダーと背景に関連したCSS3の新機能 CSS3ではborderやbackgroundに関連したさまざまなプロパティや指定値が追加されている。ここでは、よく使われるもの、便利なものを中心にひととおり紹介しておこう。 CSS3 で追加されたborder、background関連の機能はコード ...

CSS3は各機能を細分化して管理、仕様策定するためにモジュール構造をとるようになっている。各機能の仕様を個別に完成させられるようになったお陰で、全体が中途半端な状態でブラウザなどに搭載されてしまうことを防いだり、確定した仕様から実装して ...

ページにたった一行記述するだけで、CSS3のベンダープレフィックスを自動で付与してくれるスクリプトを紹介します。 ベンダープレフィックスとは、CSS3で採用予定のプロパティがブラウザに先行実装されており、それらを各ブラウザごとに機能させるため ...

インターネット上でイラストを公開するには、JPGやGIFといった画像ファイルでアップロードするのが一般的。しかしこちらのドラえもんはそういった画像ファイルではなく、Webサイトを構築する際に使われるXHTMLとCSS3のソースコードのみで作られています。

アニメーションのエフェクトを仕込む際、:hoverを使ってユーザーのホバー操作に対して実行することが多いですが、それ以外の擬似クラス :active, :focus, :checked, :disabled やMedia Queriesに仕込むスタイルシートのテクニックを紹介します。 しかし、CSS3 ...

Webデザインにおいて、フォントの選択は非常に重要です。適切なフォントを使用することで、サイトの見栄えが大きく向上します。今回は、HTML5とCSS3を使用してフォントを取得し、Google Fontsを設定する方法についてわかりやすく説明します。 なぜGoogle Fontsを ...

WebページにYouTube動画を埋め込むことで、訪問者にリッチなコンテンツを提供できます。HTML5とCSS3を使って、簡単に動画を表示する方法を解説します。以下の手順に従ってください。 ステップ1：YouTube動画の取得 まず、埋め込みたいYouTube動画のURLを取得します ...

あるAnonymous Coward 曰く、以前、「CSS3-UIの新ドラフトではime-modeプロパティが廃止に」という話があったが、新しく公開されたCSS3 UI勧告候補ではime-modeプロパティについて、下記のように記されている（CSS3 UIが勧告候補になった（11年ぶり2回目））。 ユーザー ...

HTML5の要素とCSS3のプロパティに関する情報を、コンパクトなサイズにまとめました。よく利用される要素やプロパティを重点的に解説していますので、これから学習を始める人はもちろん、仕事でHTMLやCSSを使っている人にも役立つ内容です。必要な情報を ...