なんともかわいらしいWordpressのキャラクター名が決定しました！
その名も「Wappy」(ワッピー)

この子は男の子なのでしょうか、女の子なのでしょうか…。

今後の活躍に期待ですね！

floatを使うとheightがうまく認識されずに背景が崩れてしまうことがあります。
そんな時にはクラスにclearfixを指定することで改善される。

/* clearfix */
.clearfix:after
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac */
* html .clearfix
	height: 1%;
}
.clearfix {
	display: block;
}

上記をcssとして記述して、htmlからclassで呼び出すだけです。

サイトをスマートフォン用に制作したとしても、実際にスマートフォンから見てみると画面サイズがうまくフィットしていなかったりしますよね。
そんな時には下記のmetaタグをhtmlに記述することでスマートフォンでの表示サイズをコントロールできるようになります。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">

(さらに…)