便利で簡単、floatの解除が必要の無い便利なclearfixコード

By admin // CSS, HTML, 便利 // コメントは受け付けていません。

ホームページのレイアウトの上で、floatを使うことが多いですが、
floatを指定したら、float属性を解除する必要があります。
通常、floatを解除するために余分なコードが必要になりますが、
このclearfixコードを使うと、もっと簡単シンプルにfloatを使うことが出来ます。
read more

10月
1

これは使える！マウスを画像の上に持ってくると明るくなる処理をCSSだけで実装。

By admin // ケーススタディ, デザイン, 便利 // コメントは受け付けていません。

画像の上にボタンを持ってくると画像の色が変わるようなページがあります。
マウスがフォーカスしている画像が明るくなると、今どこを選んでいるのかがわかりやすくなってユーザーにとても親切です。
デザイン的にもマウスにあわせて画像が明るくなるとかっこいいですね。
そんなマウスオーバーの処理をCSS（スタイルシート）だけで簡単にやってしまう方法を紹介します。