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を使ってマウスイベントのエフェクトを付けているみたいで、それぞれのサンプルコードも公開されて
14 Fresh and Useful jQuery Plugins
Tools 14 Fresh and Useful jQuery Plugins Henry JonesApril 20, 201032 Comments08k jQuery has changed the way developers write JavaScript and the way users interact with websites and web applications. If you’re a developer, you know what a joy working with jQuery can be, especially the convenience of plugins. In this post, we’ve rounded up 14 fresh and useful jquery plugins that have been released i
[JS]CSSスプライトをアニメーションで変更するチュートリアル
Photoshopでの画像作成からはじまり、CSSスプライトをアニメーションで変更するボタンを実装するチュートリアルをTutorial9から紹介します。 Creative Button Animations with Sprites and JQuery デモページ デモではHTMLとCSSを使用したベーシックなCSSスプライトで実装したボタンだけでなく、XHTMLとCSSとJavaScriptを使用しフェードのアニメーションでじんわりと変更するボタンなどがあります。 エキスパート モードでは、一つの画像で複数のボタンを変更するもの、矩形ではなく円形のボタンをアニメーションで変更するものもあります。
画像を使わずにGoogle風のクールなボタンが作成できるjQueryプラグイン:phpspot開発日誌
jQuery imageless buttons a la Google 画像を使わずにGoogle風のクールなボタンが作成できるjQueryプラグイン。 次のようなボタンやドロップダウン風のボタンが画像を使わずに実装できるプラグインです。 画像を使っていないのですが、クリックするとちゃんと色が反転して押した感覚がでるようになっています。 原理的には複数の span を使って立体感を再現しているようです (Firebugを使って覗いてみたところ) 現在出ているほとんどのブラウザに対応しています。IE6にも対応してくれているようです。 ドロップダウンも実装できるところから、ページのナビゲーションメニューに組み込んでみてもよさそうです。 jQueryプラグインですので、$(element).styledButton( オプション ); のようにして簡単に初期化することが出来ます。 関連エントリ
10+ High-Quality Free CSS Button Libraries & Frameworks — Speckyboy
Resources by Application Bootstrap Templates Figma Templates Flyer Templates Illustrator Templates InDesign Templates Lightroom Presets Logo Templates Logo Fonts Mockup Templates Photoshop Actions Photoshop Brushes Resume Templates Tailwind CSS UI Kits Web Templates Video & Motion Design Templates All Motion Design After Effects Apple Motion DaVinci Resolve Final Cut Pro Premiere Pro Presentation
Styling Buttons and Toolbars with the jQuery UI CSS Framework | Filament Group, Inc.
Styling Buttons and Toolbars with the jQuery UI CSS Framework By popular demand: coded real-world examples of themeable buttons and toolbars using the jQuery UI CSS framework, a system of classes developed for jQuery UI widgets that can easily be applied to any plugin, and even static content. We got lots of requests in jQuery UI discussion groups for ThemeRoller-ready buttons when we launched our
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
