CSS3でMacのキーボードっぽく見えるスタイルを設定してみた
白っぽいキーボードの場合。 <span class="keyboard">Sample</span> KEYSample 黒バージョンの場合。 <span class="keyboard-dark">Sample</span> KEYSample 以下を貼り付け。 /* keyboard --------------------------------------------------- */ .keyboard { height: 41px; min-width: 24px; padding: 0 10px; margin: 5px 10px; background: #EFF0F2; border-radius: 4px; border-top: 1px solid #F5F5F5; box-shadow: 0 0 25px #E8E8E8 inset, 0 1px 0 #C3C3C
商用利用無料、アンティークなデザインの飾り・フローラル・カリグラフィックなどのオーナメント素材のまとめ
アンティークなデザインの飾り・フローラル・カリグラフィック・フレームなど装飾用のベクター素材をSpeckyboyから紹介します。 30 Free Ornaments, Frames & Borders Vector Resources ライセンスが記されており、商用利用も無料のものをピックアップしました。
box-shadowを使って実用的で素敵なUIエレメントを実装するCSSのスニペットのまとめ
CSS3初心者でも簡単に利用でき、上級者でも実装のヒントになる、ページでよく使うパネルやボックス、ボタン、バーなどをbox-shadowを使って実装するスタイルシートのスニペットを紹介します。 10 Creative Techniques Using CSS3 Box Shadow 10個のスニペットは、Apple, Pinterest, Facebookなどで使用されているエレメントのHTML/CSSを簡略化したものです。 1. スクロールしてもバーを常に最上部に表示 2. サブナビゲーションのドロップダウン 3. シャドウを使った光沢が美しいボタン 4. 吹き出しスタイルの通知パネル 5. Appleのページラッパー 6. Appleのコンテンツボックス 7. Appleのフィーチャーリンク 8. 画像にさりげなくシャドウを添える 9. フォームの入力を目立たせる 10. エラステック
Freebbble
Colophon All screenshots and resources are © their respective owner. License information might be inaccurate. Always check back with the resource creator before you do anything with it. Freebbble is not affiliated with Dribbble. I wish it is, but it isn't. Freebbble is part of the Lieur Network. Logo design by Tri Kurniawan.
Dribbble - Show and tell for designers
Get inspired by the work of millions of top-rated designers & agencies around the world.
Free Vectors & PSD Graphics 49653 graphics in one place! - Clipart.me
Browse thousands of free clipart images and royalty-free clipartsHere you will find the best clipart designs for personal and commercial use. Get the best Background Cliparts, Heart Clipart, Flower Clipart or any other design you need. A wide range of free files are waiting for you to download them. Know that if a design is not there you can also seek our premium section for a great collection of
PCとモバイル両方に使える無料UIデザイン素材集35選 ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
ちょっとご無沙汰していた無料素材系の記事を金曜午後にご紹介。今回はPC＆モバイルに使える無料のUIデザイン系素材セットです。 — SEO Japan 最近は多くのグラフィックデザイナーが無料のウェブキットを提供している。4年前はウェブで無料素材を見つける自体が難しかった状況と比較すれば、素晴らしいの一言だ。 私自身もデジタルアーティストとして仕事をしているし、日常的にウェブのインターフェースキットを使って仕事をしている。仕事のスピードははかどるし、私自身のデザインの知識も上がっていく。私が真のプロフェッショナルかどうかは分からないが、チームワークで仕事をすることの力も感じている。今回の記事では私が気に入っていおる35のウェブ用インターフェースキットを紹介したい。
House of Buttons
A collection of great UI buttons spotted in the wild. Curated by MaxButtons. Submissions welcome.
レトロヴィンテージなかわいいウェブ用のエレメントやテクスチャ素材のまとめ
最近リリースされたものを中心に、レトロヴィンテージなかわいいリボンやバッジ、アイコンなどのウェブ用のエレメントやテクスチャ素材をDesign Shackから紹介します。
Ultimate Collection of Free Buttons in PSD Format | Naldz Graphics
With the several websites emerging in the net, it is often a struggle to find high quality resources that will make your websites stand out and be completely unique. Although, it pays to create your own designs to cater to this need, it is often impractical to do so because of time and resources constraints. Some designers, then, turns to free resources that are already available in the internet.
これは使いやすい、美しいCSS3グラデーションのボタンが簡単に作成できるオンラインツール -CssGradientButton
パネル右：グラデーションやシャドウなどの編集 作成が完了したら、コードを下部に生成されます。 生成されるコードは下記のようになっています。 <!DOCTYPE html><html><head> <style type="text/css"> .button_example{ border:solid 1px #819bcb; -webkit-border-radius: 3px;width:150px; -moz-border-radius: 3px;border-radius: 3px; font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center;
質感溢れるクオリティの高いボタンのPSD
素敵な質感のあるボタンギャラリー。 あぁ・・・世の中素敵なデザイナーさんっていっぱいいるもんだなぁ等と思いながら、いつか使いそうなのでご紹介。 思わず押したくなるボタン 光沢があって、なにやらツルツルしてると思わず押したくなりそうになります。 全体的なデザインを考えて、「ボタンだけ浮かないように」注意して使う必要があるかもしれませんね。 中でもネタ帳お勧めのアイコンをピックアップ。 ちょっとでも気になった方は以下でいろいろ堪能するといいかも！ Ultimate Collection of Free Buttons in PSD Format １）多数のボタンデザイン 各種多数のボタンデザインが入っているお勧めの一品。 もう色々揃ってるので、これだけあればまぁあとはいんじゃないか的な流れになりそうだけどその辺は個人のお好みで。Adobe風のタグが一押し。 ２）Windows7ボタン Wind
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
30 Awesome And Free Flat Icon Sets
Free & Premium Design Resources : Medialoot
Welcome to Icon Deposit - Icon Deposit
Pressable CSS Buttons | CSSDeck
Dribbble - Keyboard(PSD freebie) by Virgil Pana
ウェブデザインのセンスを学ぼう、2012年上半期洗練されたディテールのUIデザインのまとめ
Photoshop Vip » 保存版！クリックしたくなる「ボタン」デザインのPhotoshop用無料PSDファイル42個まとめ
新着記事