CSS3でPhotoshopで作ったようなキレイなガラス風ボタンを作るチュートリアル
CSS3 の新しいプロパティーを総動員したら、Photoshopとかで作ったきれいなアクア風（ガラス風）ボタンにどこまで近づけるか？ というのを実際にやってみました。 チュートリアル風に、ステップごとに分けて説明していますので、CSS3を使ったリアルな表現のためのテクニックとして、ポイントだけでも覚えておくと、いろんなところで応用できると思います！ こんな感じになりました 何はともあれ↓が出来上がったものです。 今はやりの CSS3ジェネレータ には負けてないと自負しています... さて、これを作る手順です。 ※Chromeで表示して画像にしています。実際のものはこちらから見れます。 作成ステップ ステップ1 : ベースとなるHTMLを用意 まずは、こんなHTMLを用意しました。このHTMLをベースに、CSS3を総動員していきます。A タグの中に SPAN が入っていますが、こいつらには後
これは便利！ついに複数SNSボタンをまとめて表示できるブックマークレットが誕生
いい記事やサイトに出会った時、「いろんなSNSに共有したいのに、該当サービスのボタンがないーっ！」と思った経験はありませんか？ ブクマもしたい、ツイートもしたい、エバノにも放り込みたい、そんな時は今までブラウザ拡張機能などを1個ずつ使っていたと思いますが、それをひとつにまとめたブックマークレットがついにこの世に舞い降りました！ 神ブックマークレット『ソーシャルてんこ盛り』をブックマークに登録して、使ってみよう！ なんとこのブックマークレットは選べる3色！ブルー、グレー、ピンク、どの色もすごく可愛くて迷ってしまいますが、1色選んで 早速登録してみましょう！ ソーシャル系サービスを複数もりこんだブックマークレットを作りましたー！ ☆ actyway 拡張機能よりブックマークレットをなるべく使おうとしているのですが、公式で配布されているのは１つのブックマークレットで１つのサービスしか開けられない
CSSのナビゲーションメニューサンプル５５:phpspot開発日誌
55 Wonderful CSS Navigation Menu Designs | inspirationfeed.com CSSのナビゲーションメニューサンプル５５。 ページトップに置くような水平のナビゲーションメニューのデザインカタログみたいな感じで使えそうなまとめです。 水平ナビゲーションをちょっと変わったものにしたいけどなんとなく煮詰まったみたいな時に参考にしてみてもよさそう。 色々なデザイン方法があるのだなぁと感心しますね。 関連エントリ 次のサービスに使えるかもしれないロゴデザイン集２２ 奥行きをうまく使ったサイトデザイン集３０ スライダーを上手く使ってデザインされたWEBサイト集３０ iPhoneアプリのプロモサイトを作る際に参考になる６０のサイトデザイン集
フラットなフリーの日本向けソーシャルアイコンセットを作りました。 | バニデザノート
関連記事 [update!] 基本最低限、カスタマイズするだけの無料wordpressテンプレート「bee1.2」 2012/09/19 [配布]photoshopでドットのラインを描く方法＆破線（点線）ブラシ 2011/11/21 ウェブデザインのワイヤーフレーム（モックアップ）作成で使える、シンプルなOmniGraffleステンシルを作りました。 2011/10/07 12×12pxのミニマムなソーシャルアイコンセットを作りました。 2011/09/24 カラーリングでフォルダを見分けたい方に。mac os x lion で使えるカラーフォルダアイコン 2011/09/21 基本最低限だけ、あとはカスタマイズするだけのwordpressテンプレート「bee」 2011/08/22 フラットなフリーの日本向けソーシャルアイコンセットを作りました。 2011/08/21 Comments:
Photoshopで見映えの良いボタンを作成する方法 / ウェブデザインライブラリー
投稿日：2011年7月19日 レベル：初心者 ソフトウェア： このチュートリアルではPhotoshopで見映えの良いボタンを作成する方法を紹介します。 Step1 ： はじめに Step2 ： Photoshopで木材のテクスチャを開く Step3 ： ボタンの背景を作成する Step4 ： メインのボタンを作る Step5 ： ボタンを装飾する Step6 ： 完成
ウェブ用UIの無料のPSD素材が日替わりでダウンロードできる -365psd
365psd 配付されている素材は主にウェブ関連のものが多く、ナビゲーションやボタンやアイコン、パネルなど、UIのエレメントが多数登録されています。
いろいろなサイトのボタンを集めた -Button Design Showcase
アローやアイコンを添えたり、グラデーションを適用したものなど、さまざまなデザインのボタンを集めた「Button Design Showcase」を紹介します。 Button Design Showcase Buttonには現在24個登録されています。 Elements of Designは、以前紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design」のサイトで、久しぶりに訪れてみたら、カテゴリが増えていたので、他のも紹介します。 ブログのコメント用フォームのデザイン集 ブログのコメントのデザイン集 ボタンのデザイン集 カレンダーのデザイン集 カルーセルのデザイン集 コード表示のデザイン集 言語選択のデザイン集 Emailのサインアップフォームのデザイン集 エラーメッセージのデザイン集 動画プレイヤーのデザイン集 フッタのデザイン集 フォ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
フリーの曲を入手できる１３サイト:phpspot開発日誌
新着記事
新着記事
http://www.designwalker.com/2010/04/call-to-action.html