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

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

2008年07月07日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法
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参考にできそう。

関連の記事検索:CSS, ボタン, Webデザイン, デザイン, button
スポンサード リンク

By.KJ : 2008年07月07日 10:02 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)