「Star Rating Widget」は星をクリッックして評価を投稿できるjQueryのプラグインです。 javascriptが無効のユーザーにはラジオボタンとsubmitボタンを表示してくれるのが特徴的でした。 デモ ajaxなどでデータ登録するには別途バックエンドのシステム構築が必要ですが、見た目のカスタマイズをしたい場合に使えそうですね。 利用にはjQueryとjQuery UIが必要との事です。
jQueryで使えるスターレイティングプラグイン | Web活メモ帳
「Star Rating Widget」は星をクリッックして評価を投稿できるjQueryのプラグインです。 javascriptが無効のユーザーにはラジオボタンとsubmitボタンを表示してくれるのが特徴的でした。 デモ ajaxなどでデータ登録するには別途バックエンドのシステム構築が必要ですが、見た目のカスタマイズをしたい場合に使えそうですね。 利用にはjQueryとjQuery UIが必要との事です。
ドロップダウンメニューのデザインネタ帳:phpspot開発日誌
17 Effective Dropdown Menu resources | Underworld Magazines NYC | ドロップダウンメニューのデザインネタがまとまってます。 ソースを見ることもできるので、ドロップダウンメニュー実装の際に参考にされてみてはどうでしょうか。 ドロップダウンといっても様々なデザインのアプローチがありますね。 関連エントリ CSS3を使ったMacライクでクールなドロップダウンメニュー「CSS3 Dropdown Menu」 複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」 クールにアニメーションする水平ドロップダウンメニュー実装jQueryライブラリ
新しいjQueryのプラグイン25 – creamu
86501330, Jupiterimages/ Goodshoot/ Thinkstock かっこいい動きが実装できるjQueryプラグインを探している。 そんなときにおすすめなのが、『25 Amazing and Fresh jQuery Plugins』。新しいjQueryのプラグイン集です。 既出のものがありますが、動きの洗練されたものがまとまっています。 YoxView – jQuer Image Viewer Plugin lightbox系のかっこいいスライドショー Uniform – Sexy forms with jQuery ラジオボタンやファイル選択ボックス、チェックボックスをjQueryでデザイン。ホワイト、グレー+ブルー、ブラックの3タイプがダウンロードできる jQuery Form Wizard Plugin フェードイン&アウトで遷移するバリデーション付きのフ
DOMエクステンションはPrototype.jsの犯した最大の失敗 | エンタープライズ | マイコミジャーナル
Prototype JavaScript Framework Prototype.jsのコアデベロッパのひとりであるJuriy Zaytsev氏がPerfection kills ≫ What’s wrong with extending the DOMにおいて、次期メジャーバージョンとなるPrototype.js 2.0ではjQueryと同じオブジェクトラッパのテクニックを採用し、現在のPrototype.jsが活用しているDOMエクステンションのテクニックは採用しないことを伝えている。DOMエクステンションを採用したのは最大の失敗だったということのようだ。 DOMエクステンションはDOMオブジェクトへメソッドやプロパティを追加することをいう。直接追加することもできるが、prototype指定を使えばオブジェクトのクラスに対して追加することが可能。さまざまな利点がある方法であり活用されて
HTML5 の file API と jQuery でブラウザにファイルをドラッグ&ドロップしてアップロードするサンプルを作った - @kyanny's blog
GitHub - kyanny/html5_file_api_ajax_upload_sample: HTML5 file API + ajax file upload sample HTML5 の file API というのが面白そうなのでちょっといじってみた。 デモを動かすには Plack と JSON と Path::Class が必要です。このブログ読んでる人ならどれも ready for use ですよね。もしまだのひとは cpan -i Plack JSON Path::Class でよろしく。 git clone して plackup して Firefox 3.6.x 以降で開いてください。 複数ファイルをドロップしたときになんかうまく動いてない気がするとか、 app.psgi の書き方がだいぶいい加減とか、微妙なところはたくさんあるけどとりあえず動くところまでいけたので公開
jQuery ui 1.7.1 のDatePicker日本語化 | real-eyes システム開発 東京 渋谷のシンプルソフト
中小企業のIT活用、業務システム開発・導入専門の シンプルソフト 〒150-0002 東京都渋谷区渋谷1-10-1 八千代ビル8F
[JS]カラーをアニメーションで少しずつ変更するスクリプト -Color Animations
ボックスやテキストのカラーをアニメーションで少しずつ変更するスクリプトをDr.Web Magazineから紹介します。 jQuery-Plugin Color Animations - Menüs mit wechselnden Farben animieren デモページ デモページでは、テキストやボックスを水平・垂直に配置したナビゲーションがマウスホバーに合わせてカラーが変更します。 使用しているスクリプトはjQueryで、プラグインにColor Animationsを使用しています。 Color Animations デモページ スクリプトのダウンロードはリンクが切れているので、デモページからのリンクを掲載しておきます。 color.js Dr.Web Magazineのデモではナビゲーションのカラーを変更する際、マウスオーバー時には「fast」ですぐカラーを変更し、マウスアウト時に
cookieを簡単に取り扱う「jQuery Cookie」
cookieを簡単に取り扱う「jQuery Cookie」 Check Tweet 配布元：carhartl/jquery-cookie ライセンス：MITライセンス 「jQuery Cookie」はJavaScriptで取り扱いがめんどくさいcookieについて簡単に取り扱えるようにするためのjQueryプラグインです。 利用方法 まずは、jQuery本体と配布元よりダウンロードしたjquery.cookie.jsをhead要素などで読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script> cookieに値を保存するには、次のように$.cookieに対してキーと保存する値を指定して保存します
実用的なjQueryで作るスライダーをまとめた「28 Useful JQuery Sliders You Need To Download」
TOP > WebDesign > 実用的なjQueryで作るスライダーをまとめた「28 Useful JQuery Sliders You Need To Download」 高機能で軽量なjavascriptライブラリjQuery。様々なプラグインがリリースされていて、現在では多くのWEBサイトで導入されています。そのなかでもよく見かけるのがスライダーを使った仕組み。限られたスペースで効果的に銃砲を見せることができます。今日はそんなスライダーをまとめたエントリー「28 Useful JQuery Sliders You Need To Download」を紹介したいと思います。 Animate Panning Slideshow with jQuery 単純に写真をスライドするものから、エフェクトを活かして作られたプラグインまで様々なjQueryスライダーが集められています。今
jQueryでcheckboxがcheckされてるかの値をとる - Webtech Walker
checkboxがcheckされてるかどうかを判別するメソッドってjQuery側に用意されてないんですよね。 twitterでも色々教えてもらったけど方法としては3つくらいかなー。 https://twitter.com/kyo_ago/status/11685019866 https://twitter.com/songmu/status/11675950113 https://twitter.com/rea/status/11675545507 素のHTMLエレメントから取得 var checked = $('#elem').get(0).checked; せっかくjQuery使ってるのにという感じがいなめない。。これはないかな。 is()で取得 var checked = $('#elem').is(':checked'); これが一番直感的ではある。これでいいっちゃいい気もする。
ロックを解除しないと送信不可能にするJavaScript「slideLock」
twitter facebook hatena google pocket 近年スパム防止のためフォームにCAPTCHA（キャプチャ）と呼ばれる仕組みを導入しているケースが多く見られます。 これ読みにくい英数字なので、本当に読めない場合がありイラッとすることもあります。 JavaScriptライブラリの大御所jQueryのプラグインslideLockを利用するとロックを解除するだけなので、ユーザーフレンドリーになります。 sponsors 使用方法 slideLock Demoのファイルダウンロードが404なので、jslideLock.zipからダウンロードして下さい。 またjQuery UIの1.7+slider pluginが必要となります。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <scri
Zend FrameworkでFlexigrid習作 | プログラムの種 ブログ
Flexigrid Jqueryベースのテーブル修飾script、FlexigridをZend Frameworkで使ってみよう、という習作です。 マイコミの記事を参考にしながら作ってみました。 テーブルデータは id,title,description,date のありがちな感じで。 とりあえずは、テンプレート。Smartyで作ってありますが、HTMLそのままですから、他のテンプレートでも問題ないでしょう。 [smarty] [/smarty] 確かjqueryは$(){～だけで、ready()の効果があるような気がしたけど、とりえあず。 Flexigrid本体は、ダウンロード>解凍したものを、ルート/js/flexigrid/の中に直接放り込んであります。今回はjqueryだけ、別途用意したものを読み込んでいますので、pathにご注意ください。 このテンプレートを/flexigrid/
【ハウツー】jQuery on iPhone - jQTouchを使ったWebアプリ開発 (1) jQTouchとは | エンタープライズ | マイコミジャーナル
iPhone向けWebアプリケーションの開発において、jQuery使いなら見逃せないプロダクト「jQTouch」のベータ版がリリースされた。同プラグインを使用すれば、ネイティブアニメーションを伴うWebアプリケーションでも簡単に開発できるようになる。jQueryベースのため、強力なAjaxアプリケーションだって可能だ。本稿ではjQTouchを使ったWebアプリ開発方法を紹介しよう。 David Kaneda氏は8月30日(米国時間)、jQTouchの最新版であるjQTouch 1.0(beta)をリリースした。jQTouchはThe MIT Licenseのもとで公開されている、iPhone上で動作するWebアプリケーション開発に特化したjQueryプラグイン。デベロッパはjQTouchを使用することで、テーマやネイティブアニメーションをともなうiPhone用Webアプリケーションを簡単に
[JS]jQueryのプラグイン33+1選 -2008年1月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jqzoom 画像の一部をズーム。 Shadowbox 複数のJavaScriptライブラリに対応したLightbox。 Faceb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHP＋MySQL＋jQueryでYoutube動画マネージャを作るサンプルプログラム:phpspot開発日誌
HTML5 + jQuery + PHPで実装するオープンソースの動画プレイヤー・Open Standard Media Player
わずか8KBのjQuery用カレンダープラグイン「CalendarPicker」 | Web活メモ帳
Stewdio
Browser Pong
IDEA * IDEA
