[B! button][css] sabroのブックマーク

CSSでクールなボタンを作るまとめ:phpspot開発日誌

Top 10 CSS buttons tutorial list CSSでクールなボタンを作るまとめ。 CSSでボタンを作るための様々なサンプル集がまとまっていました。

sabro 2008/07/11

リンク

CSSを使ってファンシーなボタンを作成するテクニック:phpspot開発日誌

Make fancy buttons using CSS sliding doors technique This article will show you how to create fancy buttons using CSS sliding doors technique. CSSを使ってファンシーなボタンを作成するテクニック。２枚の画像を組み合わせて、横に伸縮するCSSボタンを作成するテクニックが紹介されています。自由なサイズに伸縮可能ボタンのテンプレートも色々サイトパーツに便利に使えそう。関連エントリ CSSでクールな3Dボタンを作ろう CSSでクールなINPUTフォームを作成するサンプルクロスブラウザでちゃんと動作するCSSボタン集サイト「CSS Buttons」 CSSで出来たシンプルに使える丸っこいデザインのボタンサンプル集

sabro 2008/05/14

リンク

クロスブラウザでちゃんと動作するCSSボタン集サイト「CSS Buttons」:phpspot開発日誌

CSS Buttons is the Plug and Play Solution for Web Designers and Developers - CSS Buttons.net CSS Buttons will allow designers to quickly implement consistently looking, cross-browser, buttons regardless of the element used. クロスブラウザでちゃんと動作するCSSボタン集サイト「CSS Buttons」。 CSS Buttons を使えば、Win,Mac,Linux上の色々なブラウザでちゃんと動作するボタンが実装できるようです。ブラウザのボタンに関するレンダリングの差異を吸収するCSSが含まれています。 a, button, input タグによるボタン実装が考えられて

sabro 2007/12/11

css
button

リンク

CSSでWEB2.0風ボタンを作成するサンプル:phpspot開発日誌

filament group inc. || Styling the Button Element with Sliding Doors Particle Tree recently posted an article describing a technique they've come up with the style the button element. For those who aren't familiar, form buttons are notoriously difficult to customize. CSSでWEB2.0風ボタンを作成するサンプル。 buttonタグで、次のようなWEB2.0風なカッコいいボタンが作れるサンプルが提供されています。 HTMLタグはこんな感じ。 <button value="submit" class="submitBtn"><s

sabro 2007/08/26

リンク

ウノウラボ Unoh Labs: buttonタグでサブミットするあれこれ

CSSでいつも悩まされるのはクロスブラウザですけど、フォームでは特に面倒くさい要素が山盛りですよね。ボタンの文言を動的に変えたいから画像はなるべく使いたくないけど、だからといってブラウザのデフォルトのボタンとか、味気ないですものね。今日は、フォームにつきもののボタンについて考えてみます。私たちがボタンに求めるモノって、何でしょう。データを送信（submit）するどのブラウザでも同じように見える使い回しが聞くボタンについている文言がどんなに長くなっても、水平方向の長さがフレキシブル上記のようにサイズ的にフレキシブルであっても、見た目の美しさを阻害しないボタンの大きさ＝クリックできるエリアの大きさ画像がdiableされていても使用可 CSSがdisableされていても使用可ボタンのように見えて実はただのリンクの時のもあるこれらの要求を解決してくれる方法が複数出