- HTML5の基本骨格WEBページをHTML5で作成するには次のようなタグを入力します。 [crayon-65174e685f36566024 … 続きを読む
- 使用頻度の高い要素（タグ）h1～h6要素－見出し（heading） 最も主要な見出しはh1要素数字が大きくなるにつれ重要度は低くなります。 [cr … 続きを読む
- HTML4とHTML5（HTML Living Standard）との違い現在、HTMLの主流はHTML5（HTML Living Standard、以後HTML5で統一）ですが、それ以前にはH … 続きを読む
- インライン要素とブロックレベル要素についてページデザインを行っていく上で、インライン要素とブロックレベル要素を全く意識しないで（知らないまま）、CSSの設定を行っ … 続きを読む
- レイアウトに重要な要素ページレイアウトを作成する時、次のようなブロックレベル要素は特に重要です。 header、main、footer nav … 続きを読む
- セクショニング要素についてページ上のレイアウトを決める為のブロックレベル要素は前回説明しました。→ブロックレベル要素 | 超初心者のWEBサイト作 … 続きを読む
- センタリングの方法皆さんが、デザインを作成する上で、意外と迷われるのがセンタリングです。「センタリングの設定をしたんだけど中央に寄ってくれ … 続きを読む
- marginとpaddingの違いCSSのデザインやレイアウトをするうえでmarginとpaddingはとても重要な概念です。にも拘らず、この2つが区別で … 続きを読む
- アイコンと画像の見極め方ページ上に存在する画像は、img要素で作りがちですが、ページを飾ったり、タイトルの横に表示したいアイコンやリスト横のアイ … 続きを読む
- アイコンの作り方（画像タイプ）「アイコンと画像の見極め方」で説明したように、アイコンは「文字や文章の飾り」という意味からも文章の一部（コンテンツ）では … 続きを読む
- アイコンの作り方（文字タイプ）文字タイプのアイコンは画像ではありませんから「背景画像」で作成する事はできません。そこで文字タイプのアイコンについて作り … 続きを読む
- 16進数について色コードなどで使われる 16進数 ですが、コンピュータのコードには2進数、8進数、10進数、16進数などがあります。 日 … 続きを読む
- カラーコードについて「16進数について」の処でも話しましたが、色コードは一般的に #付きの6桁表記 が多く使われますよね。これは 1600万 … 続きを読む
- 不透明度について画像や文字などをセル画のように2枚重ねた時、上の画像や文字を透過させ、半透明にしたい時があります。そこでいくつかの、透過 … 続きを読む
- Font Awesomeの使い方便利なアイコンフォント「Font Awesome」の使い方について説明してみます。 ダウンロード形式で設置する方法 まず … 続きを読む
- open-iconicについて便利なアイコンフォントとして「Iconic」がありますが、最近このページが開かなくなりました。結構便利なサイトだったので … 続きを読む
- リセットCSSについて（html5reset.css）現在のブラウザ（ユーザーエージェント）には、最初から色々なCSS（デフォルトスタイルシート）が埋め込まれています。これら … 続きを読む
- 横並びのレイアウト（flexbox）ページデザインやレイアウトを作成する上で、横並びの方法やテクニックを理解されてない方が多いです。 現在のようなflexb … 続きを読む
- HTML-Lintを使ってコードのチェックHTML-Lintを使いますとご自分のHTMLのソースコードがチェックできます。※残念ながら、現在どちら↓の「HTML- … 続きを読む
- デベロッパーツールの使い方を必ず覚えようある程度HTMLやCSSが理解できるようになったら、CSSのデザインはデベロッパーツールで作るようにしましょう。 数十行 … 続きを読む