前の記事 «:PHPでクールなグラフを描画できるクラスライブラリ「pChart」
次の記事 »:チェックボックス、ラジオボックスをオシャレに表示するJS

シンプルにクールで使用感のよいボタンを作るサンプル

2008年07月07日

スポンサード リンク
Particletree Rediscovering the Button Element
Creating a consistent interface for your users is a constant struggle for every application designer.
シンプルにクールで使用感のよいボタンを作るサンプル。
次のようなボタン、あったらつい押したくなりそうです。



フラットなデザインで、押した感じが心地よいです。
単純に、ボタンタグで <button type="submit" class="positive"><img src="/images/icons/tick.png" alt=""/>Save</button>  のように定義してスタイルしている感じで、マークアップとCSSが公開されています。

ボタン作成の際の1参考にできそう。

スポンサード リンク

投稿者 KJ : 2008年07月07日 10:02 | ブックマークに追加する Subscribe with livedoor Reader
間違いの指摘をしていただける方はメールでお願いします


本を執筆しました。