[B! ボタン][まとめ] arimaruのブックマーク

arimaru id:arimaru

ボタンとまとめに関するarimaruのブックマーク (9)

CSSのみで実装するボタンデザインやホバーエフェクト 20＋α - NxWorld
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ
arimaru 2014/05/14
HTML

css

ボタン

Webデザイン

まとめ
リンク
洗練されたデザインのPSD素材が無料でダウンロードできるサイトのまとめ
そのまま使うも良し、デザインの勉強をするも良し、のウェブデザイン用の高品質なPSD素材がダウンロードできるサイトを紹介します。キャプチャ：「tutegate」から「Pretty little frame」下記にPSD素材がダウンロードできる全8サイトと、それぞれからいくつかピックアップしました。 [ad#ad-2] tutegate Victor Sosea the Finished Box 365psd Premium Pixels Freebies Booth Themes Kingdom 素材をダウンロードして利用する際には、ライセンスを必ず確認してください。 tutegate
arimaru 2011/07/17
photoshop

素材

ボタン

まとめ
リンク
Photoshop VIP ☞ ボタンデザイン完全版、ダウンロードしておきたいPhotoshop無料PSD素材60個まとめ
Webデザインにおいてよく利用するデザインパーツのひとつ「ボタン」デザイン。海外デザインブログWeb and Designersで、これまでに紹介したことのないPhotoshop用無料PSDボタン素材を60個まとめたエントリー「60 Outstanding Free PSD Buttons」が公開されていたので、今回はご紹介します。多くの素材に色違いや大きさによって複数のボタン素材が収録されているので、ダウンロードしておくと便利かもしれません。どれもPhotoshop用PSD素材を収録しているので、自由にボタンサイズ、テキストなどの変更も行うことができ便利ですよ。詳細は以下から。ダウンロードしておきたいPhotoshop用PSDボタン素材まとめ Follow Buttons 3色の異なる色でデザインされたボタンデザインセット、それぞれ通常時、ホバー時、アクティブ時の3種類ずつ用意
arimaru 2011/07/13
ボタン

素材

Photoshop

まとめ
リンク
Welcome to nginx!
If you see this page, the nginx web server is successfully installed and working. Further configuration is required. For online documentation and support please refer to nginx.org. Commercial support is available at nginx.com. Thank you for using nginx.
arimaru 2011/05/25
ボタン

素材

まとめ
リンク
高品質のウェブデザイン用無料素材がダウンロードでき、共有できるサイト -Freebie Pixels
アイコン、UIエレメント、イラスト、ブラシなど、ピクセルベースのウェブデザインの無料素材がダウンロードでき、アップロードして共有してポイントも貯められるサイトを紹介します。 Freebie Pixels [ad#ad-2] Freebie Pixelsはメンバーになると素材の登録が可能で、ダウンロードに応じてポイントが貯まるシステムになっています。貯まったポイントは現在のところサイトに広告を掲載できるようです。各素材のダウンロードはメンバーになる必要がなく、各素材の「Download File」ボタンをクリックするだけです。以下に、いくつかその素材を紹介します。
arimaru 2011/05/22
webデザイン

アイコン

ボタン

素材

まとめ
リンク
http://e0166nt.com/blog-entry-862.html
arimaru 2011/03/10
css

ジェネレータ

まとめ

webサービス

web制作

WEBデザイン

グラデーション

ボタン
リンク
ちょっと使ってみたくなるHTML5/CSS3のUIエレメント集 -Boxtuffs
HTML5/CSS3で作成した、ちょっと使ってみたくなるようなUIエレメントがダウンロードできるサイトを紹介します。 Boxtuffs [ad#ad-2] 掲載されている数はまだ少ないですが、どれもユニークなもので、いつかサイトで使ってみたくなるようなものばかりです。下記に、現在掲載されているデモを全部、紹介します。各デモのダウンロードや対応ブラウザは各ページに記載されています。
arimaru 2010/12/07
HTML

CSS3

css

素材

まとめ

ボタン
リンク
ボタンのデザインに悩んだら参考にしたいサイト -House of Buttons
House of Buttons ボタンのコレクションは上記トップページからも閲覧できますが、月ごとにまとめられたアーカイブページも用意されています。
arimaru 2010/04/22
webデザイン

デザイン

ボタン

まとめ
リンク
Photoshop Vip » 保存版！クリックしたくなる「ボタン」デザインのPhotoshop用無料PSDファイル42個まとめ
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
arimaru 2010/03/21
ボタン

webデザイン

デザイン

まとめ
リンク
1