- センタリングの方法
皆さんが、デザインを作成する上で、意外と迷われるのがセンタリングです。「センタリングの設定をしたんだけど中央に寄ってくれ […]
- marginとpaddingの違い
CSSのデザインやレイアウトをするうえでmarginとpaddingはとても重要な概念です。にも拘らず、この2つが区別で […]
- アイコンの作り方（画像タイプ）
「アイコンと画像の見極め方」で説明したように、アイコンは「文字や文章の飾り」という意味からも文章の一部（コンテンツ）では […]
- アイコンの作り方（文字タイプ）
文字タイプのアイコンは画像ではありませんから「背景画像」で作成する事はできません。そこで文字タイプのアイコンについて作り […]
- 16進数について
色コードなどで使われる 16進数 ですが、コンピュータのコードには2進数、8進数、10進数、16進数などがあります。 日 […]
- カラーコードについて
「16進数について」の処でも話しましたが、色コードは一般的に #付きの6桁表記 が多く使われますよね。これは 1600万 […]
- 不透明度について
画像や文字などをセル画のように2枚重ねた時、上の画像や文字を透過させ、半透明にしたい時があります。そこでいくつかの、透過 […]
- リセットCSSについて（html5reset.css）
現在のブラウザ（ユーザーエージェント）には、最初から色々なCSS（デフォルトスタイルシート）が埋め込まれています。これら […]
- 横並びのレイアウト（flexbox）
ページデザインやレイアウトを作成する上で、横並びの方法やテクニックを理解されてない方が多いです。 現在のようなflexb […]
- デベロッパーツールの使い方を必ず覚えよう
ある程度HTMLやCSSが理解できるようになったら、CSSのデザインはデベロッパーツールで作るようにしましょう。 数十行 […]