[CSS]画像無しで作成する美しいデザインのボタンのスタイルシート
Photoshopで作成したかのような美しいデザインのボタンを実装するスタイルシートを紹介します。 キャプチャは上から、ノーマル時、ホバー時、クリック時です。 Make CSS3 buttons that are extremely fancy デモページ デモページ（カラーバリエーション） ※更新：カラーバリエーションを増やしました。 ボタンはCSSで実装されているため、ブラウザの文字サイズの拡大に伴いサイズも変更し、カラー変更も簡単におこなえるように設計されています。 ※CSS3非対応のIE7/8などでの見栄えはそれなりになります。 実装はシンプルながらもテクニカルで、先日当サイトで紹介した「Safariで見かける角丸のにじみを解消するスタイルシート」なども利用されています。 HTML ボタンのカラー変更が簡単にできるようにインラインスタイルシートを使用しています（下記キャプチャ参照）
アイコンやボタン、フォーム、パンくずなどウェブ用のUIがセットになったPSD素材
ウェブのUIでよく利用されるエレメントがセットになった無料のPSD素材をMediaLootから紹介します。 Freebie: Massive Web UI & Button Set UIセットにはコントロールボタンやアロー、ベーシックなシンボルをはじめ、インフォボックス、テキストボックス、パンくずやボタンなどのナビゲーション、ドロップダウン、スピーチバブル、検索フォーム、ローディングエレメントなどが揃っています。 ダウンロードできるPSDファイルは、3つのスタイル、7つのカラーがあらかじめ用意されています。 素材の利用にあたっては個人・商用ともに無料で利用が可能で、再販などは不可とのことです。 詳細はサイトおよび添付のテキストを参照ください。
シルバーメタルやブラックメタルのフリーのボタン素材
メタルやグロッシーをテーマにしたボタン素材をpsdGraphicsから紹介します。 PSD silver metal buttons set ダウンロードできる素材のフォーマットはPSDで、背景やテキ
ボタン作りにもう手間はかからないPhotoshopのボタン素材１５０:phpspot開発日誌
エントリ元がリンク切れしています。Googleのキャッシュ等を参照してみてください 類似のエントリ：これは押したい！というボタンを作成するチュートリアル集 ボタン作りにもう手間はかからないPhotoshopのボタン素材１５０がまとまっています。 知っておけば、ちょっと凝ったようなボタンも一瞬で作れるのでデザインの効率を上げられるでしょう。 Glossy Button DifferentButtons Set Button.PSD Carbon Button リンク先は以下のエントリを参照してください。 150 Free PSD Buttons For Every Day Use | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net
デザイナーのための便利なジェネレータ55+ – creamu
Balkhisというサイトで、デザイナーのための便利なジェネレータがまとまっています。 ざっといくつかご紹介。 » Pattern Cooler » Dotted Background Generator » ColourLovers ↑のキャプチャはこちら » Stripe Designer » Create a Graph 他にも、カラージェネレータ、Flashジェネレータ、CSSジェネレータ、フォームジェネレータ、テキストジェネレータ、バーコードラベルジェネレータなど、たくさんありますね。 一度見てみてください。 » 55+ Extremely Useful Online Generators for Designers emobile修理中。早く戻ってきてほしーなー。mobilepointでがんばっております。
デザイン性に優れたCSSメニュー集:phpspot開発日誌
Hidden Pixels - Ultimate CSS Menus デザイン性に優れたCSSメニュー集。 これは、と思うようなかっこいいＣＳＳメニューが特集されていました。 Professional drop-down Professional dropline Space Drop Down Menu Flyout hybrid menu Professional drop-down - shadow menu Brooke Case Drop Down Tech Radar mouseover tabs つい押したくなるようなメニューですね。 参考にクールなメニューを作ってみましょう。 関連エントリ クールなナビゲーションメニューを作成するCSS＆HTMLサンプル アニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScript Dropdown Menu」 J
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop Vip » 保存版！クリックしたくなる「ボタン」デザインのPhotoshop用無料PSDファイル42個まとめ