「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基礎講座」 もチェックしてみてくださいね！
