CSS3とは、ウェブページのデザインやレイアウトを作る従来のCSS(スタイルシート)に、便利な仕様がたくさん追加された新しい規格のことです。過去のCSSと互換性があるため、新旧の書き方を混ぜて簡単に使えます。CSS3では従来のCSSから何が増えて何ができる ...
CSS3とは？ 機能が増えて便利になったスタイルシート(2ページ目) CSS3とは、ウェブページのデザインやレイアウトを作る従来のCSS(スタイルシート)に、便利な仕様がたくさん追加された新しい規格のことです。過去のCSSと互換性があるため、新旧の書き方を ...
CSS3のグラデーションを利用して、つややかなボタンを実際に作ってみよう。作例ではドロップシャドウや角丸なども加えているが、ここではgradient 関数の使い方を中心に解説する。 今回のサンプルでは、ボタンの色にCSS3のグラデーションを使用して立体感 ...
インターネット上でイラストを公開するには、JPGやGIFといった画像ファイルでアップロードするのが一般的。しかしこちらのドラえもんはそういった画像ファイルではなく、Webサイトを構築する際に使われるXHTMLとCSS3のソースコードのみで作られています。
「CSS3 ANIMATION CHEAT SHEET」ではHTMLの要素に滑らかなアニメーションをつけられるCSSが公開されています。CSS3からアニメーションやキーフレームを指定できるようになり、JavaScriptを使わなくてもCSSのみでアニメーションが簡単につけられるようになりました。
アニメーションのエフェクトを仕込む際、:hoverを使ってユーザーのホバー操作に対して実行することが多いですが、それ以外の擬似クラス :active, :focus, :checked, :disabled やMedia Queriesに仕込むスタイルシートのテクニックを紹介します。 しかし、CSS3 ...
あらかじめ用意された豊富なテンプレートから簡単にCSS3のナビゲーションを作成できる無料のソフトウェアを紹介します。 CSS3 Menu. Free CSS Menu Maker CSS3 MenuはWindows版とMac版の二つがあります。 下記はWindows版のキャプチャです。 CSS3 Menuの画面 CSS3 Menuの使い方 ...
ウェブ開発の世界では、常に新しい技術や機能が登場し、デザイナーや開発者に新たな可能性を提供しています。CSS3もその例外ではありません。ここでは、CSS3の新しい面白い機能について紹介し、どのように活用できるかを見ていきましょう。 1. グリッド ...
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を使っている人にも役立つ内容です。必要な情報を ...
大好評！HTML5とCSS3のよく使われるタグ、プロパティに内容をしぼったリファレンスです。最新のブラウザ、HTML5の仕様に対応して増補改訂しました。誰もが知りたい目的別だから、使いやすく、引きやすい。あのタグ、どう書くんだっけ？というときにサッ ...
一部の結果でアクセス不可の可能性があるため、非表示になっています。
アクセス不可の結果を表示する