文字やボタンにマウスオーバーするとニョキっとでてくるツールチップ(吹き出し)を作成することのできるballoon.css。とっても便利なCSSライブラリです。

しかしballoon.cssのツールチップの色はデフォルトで真っ黒なのでこのままだとちょっと使いにくい。今回はツールチップの色を変更する方法を備忘録として残していきます。

続きを読む

Webサービスを使っていて、入力フォームのチェックボックスやラジオボタンで自分がどれを選択したのかがひと目でわかるようなデザインだと気遣いのきいているサービスだなと思わず感心してしまいますね。

そんなユーザビリティのよいデザインをCodePenから５３個ピックアップしたのでタイプ別にまとめていきます。

今回選んだデザインは全てjsは一切使っていないCSSのみで構成されているものばかりを集めてみました。
デザインに参考にしてみてください。

続きを読む