「Tomaのゲーム日記」でお届けした、ブログの見た目を劇的に変える「CSSデザイン集中講座」の全5回をまとめました。
「デザインを少し変えたいけれど、どこを触ればいいかわからない」という方でも安心! コピペで使える基本から、スマホ対応の応用までを体系的に学べる内容になっています。
CSSデザイン集中講座:全5回インデックス
- 第1回:【脱・初心者】CSSの基本とはてなブログでの書き方 (4/13公開)
CSSの役割や、はてなブログの「デザインCSS」への記述方法など、基本の「き」を解説。 - 第2回:見た目の印象を左右する「フォントと余白」の魔法 (4/14公開)
読みやすさを決定づける文字サイズや、窮屈さを解消する余白(margin/padding)の使い方を伝授。 - 第3回:思わずクリックしたくなる!「ボタンとリンク」の装飾術 (4/15公開)
ただのリンクを「押せるボタン」に変える方法や、ホバーエフェクト(マウスを乗せた時の動き)を紹介。 - 第4回:記事の顔を整える!「見出し」カスタマイズの基本と応用 (4/16公開)
ブログの個性を出す見出しデザイン。下線や吹き出し風など、CSSで表現するテクニックを解説。 - 最終回:スマホ読者を逃さない!レスポンシブデザインの基礎 (4/17公開)
PCでもスマホでも綺麗に見せるための「メディアクエリ」の考え方と設定方法を学ぶ完結編!
デザインを整える前に、まずは土台を固めたい方は 「HTML基礎講座」 もチェックしてみてくださいね!