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

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

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

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

フォームのテキスト入力欄とボタンをCSS3でスタイルするステップバイステップで学ぶチュートリアルを紹介します。 HTMLは非常にシンプルです。 classのhogeは、随時変更して利用してください。 ボタンのHTMLも非常にシンプルです。 classのhogeは、随時変更して ...

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

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

大好評！HTML5とCSS3のよく使われるタグ、プロパティに内容をしぼったリファレンスです。最新のブラウザ、HTML5の仕様に対応して増補改訂しました。誰もが知りたい目的別だから、使いやすく、引きやすい。あのタグ、どう書くんだっけ？というときにサッ ...

BlueGriffonは、オープンソースの「WYSIWYG HTMLエディタ」です。かつては「革新的」と評される特徴をいくつか持っていました。HTML5とCSS3対応しています。WYSIWYGは「ウィジウィグ」と読みます。編集画面で見たままのデザインが、そのまま実際のWebページや印刷 ...