スマホサイトを作る時、色やレイアウトより先に決めておいた方がいいのがフォント設定です。ここが曖昧なまま進むと、ページごとに文字サイズがばらついたり、...

スマホサイトを作っていると、本文の左右にどれぐらい余白を取ればいいのか迷うことがありますよね。余白が狭すぎると画面が詰まって見えますし、逆に広すぎる...

CSSでidとclassを使い分ける話になると、昔よく出てきたのが「classよりidのほうが処理が速い」という話です。古い解説記事や昔の制作現場の...

今のWeb制作では、CSSで見た目を整えるときはclassを使い、idは別の目的に使うのが基本になっています。昔はidでレイアウトや装飾を組む書き方...

Google Fontsを使う時、必要な文字が少ないのに、日本語フォントをまるごと読み込むとデータ量が増え表示が少し遅くなります。サイト名やロゴのよ...

平成丸ゴシックStdのような、やわらかくて読みやすい雰囲気のフォントをWebサイトでも使いたい。そう考える人は多いと思います。ただし、平成丸ゴシック...

marginを3つで書いた場合は、上　左右　下の順です。なので、margin: 20px 0 0;は次と同じ意味です。margin-top: 20p...

clamp() というCSS関数を使用します。例えば、clamp(18px,1.75vw,24px)は、値を「最小18px、基本は1.75vw、最大...