IDEA * IDEAドットインストール代表のライフハックブログ
GitHubにあるような、あの押しやすそうなボタンを作成するサンプル＆チュートリアル:phpspot開発日誌
GitHubにあるような、あの押しやすそうなボタンを作成するサンプル＆チュートリアル 2010年06月01日- Create GitHub-Style Buttons with CSS and jQuery, MooTools, or Dojo JavaScript GitHubにあるような、あの押しやすそうなボタンを作成するサンプル＆チュートリアルが公開されています。 次のような、マウスカーソルをあてると反転する、いい感じのボタンが実装できます。 ボタン部分のコードは次のようにシンプルで、CSSデザインなところもいいですね。 <a href="javascript:;" class="minibutton"><span>Basic Button</span></a> jQuery、mooToolsを使ってマウスイベントのエフェクトを付けているみたいで、それぞれのサンプルコードも公開されて
CSS3 を活用したボタン等の作り方 - WebOS Goodies
先週の Icon Creator Widget に続いて、本日も Opera の開発者向けサイトからのネタをひとつ。公開されたのは先月末なのですが、 CSS3 の text-shadow, box-shadow, border-radius などを活用して美しいボタンやボックスを作成する方法の解説記事が掲載されていました。今後の Web 制作でとても役立つテクニックだと思うので、その内容を簡単にご紹介します。 なお、この記事は CSS3 を使用しているため、ブラウザによっては正しく表示されません。たぶん Firefox, Google Chrome, Opera の最新版であれば大丈夫かと思います（Safari は box-shadow に未対応）。 text-shadow, box-shadow, border-radius について 元記事ではすぐに本題に進んでいるのですが、ここでは
Demo: CSS3 Buttons
CSS3 Gradient Buttons by Web Designer Wall Rectangle or Rounded Can be Medium or Small Button Tag Span Div P Tag H3 Gray Rounded Medium Small Button Tag Span Div P Tag H3 White Rounded Medium Small Button Tag Span Div P Tag H3 Orange Rounded Medium Small Button Tag Span Div P Tag H3 Red Rounded Medium Small Button Tag Span Div P Tag H3 Blue Rounded Medium Small Button Tag Span Div P Tag H3 Rosy Ro
CSSで作るシンプルかつクールなボタンサンプル「Simply-Buttons v2」:phpspot開発日誌
CSSで作るシンプルかつクールなボタンサンプル「Simply-Buttons v2」。 次のような丸みを帯びたボタンや、角丸の綺麗なボタンのサンプルがダウンロード可能です。 CSSでスタイリングして、更にJavaScript で押した際のイメージ切替が行われます。 ボタンを押すと以下のようにボタンが凹みます。 テキストはなんでもいいので汎用に使えます。一度導入してしまえば次から簡単に綺麗なボタンが設置できますね。 ダウンロードは以下のエントリを参照してください。 Simply-Buttons v2 : p51 Labs
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で出来たシンプルに使える丸っこいデザインのボタンサンプル集
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
[CSS]ボタンやナビゲーションを実装するスタイルシートのチュートリアル集
CSSでクールなボタンを作るまとめ:phpspot開発日誌
