CSSだけで作るアイコン付きボタンの作り方 : アシアルブログ

2013/04/30 87 users CSS アシアルブログ 鴨田 作り方 Photoshop

こんにちは、鴨田です。 近頃はボタンのデザインに限らず、CSSで実現できるものは、 グラフィックにせず、CSSだけで書いています。 ボタンデザインに限らず、HTML/CSSで書いた方が効率的なこもあって、 最近はあまりPhotoshopを開くこともなくなってきています。 ということで、本日はCSSだけで作るアイコン付きボタンの作り方です。 アイコン付きというのがポイントです。 ● アイコンなしボタ... 続きを読む

Twitter Bootstrapが大幅バージョンアップ！して凄まじいことに・・・ | IDEA*IDEA

2012/02/01 1313 users レスポンシブデザイン おぉ IDEA スゴイ じいこと

愛用しているTwitter Bootstrap、次に「version 2」になりましたよ。今まで「version 1.4」だったのでメジャーバージョンアップ！ですよ。これは見逃せない、というか、感動した！ 個人的に「おぉ！」と感じたところをざっと紹介してみるよ！ ■ レスポンシブデザインに対応！ ↑ すごい！ ■ アイコン付きボタンが作れる！ ↑ すごい！ ■ ボタングループが作れる！ ↑ すごい... 続きを読む

classを指定するだけでボタンにアイコンを表示してくれる「Mega Web Buttons Pack」 | Web活メモ帳

2011/04/18 19 users class アイコン Favourite Web活メモ帳

ボタンにアイコンを表示する際に使えそうな「Mega Web Buttons Pack #1」のでご紹介。 javascriptとcssをいくつか読み込むだけで、簡単にアイコン付きボタンが作れるようになります。 いくつか使い方をご紹介。 サンプル ■ 追加 Add ■ お気に入り Favourite ■ フォルダ Folder ■ RSS RSS ■ 検索 Search ■ ユーザー Users 何... 続きを読む