jQueryの便利で実用的なイメージスライダーやレスポンシブ対応のプラグインをタグやカテゴリで見やすくまとめました。
jQueryの便利で実用的なイメージスライダーやレスポンシブ対応のプラグインをタグやカテゴリで見やすくまとめました。
なかなかユニークだったのでメモ的に。 進める、戻る機能の付いたニューステ ィッカーを実装するjQueryプラグインで、 ツールチップもついでに出してくれます。 省スペースで情報を凝縮できるのは なかなかいいですね。 RSSはGoogleAPIを使用しているようです。 ティッカーにマウスオーバーするとnext、prevのボタンと同時にツールチップを表示します。 進むボタンを押すとニューステキストがスライドします。カルーセルをかけ合わせた感じですね。 使い方GoogleAPIキーを使ってRSSを取得し、jQuery本体とプラグインを読み込みます。 <script type="text/javascript" src="https://www.google.com/jsapi?key=*****"></script> <script src="jquery-1.4.4.min.js" type=
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば! jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
グローバルメニューに説明を加えたい。 そんなときに使えそうなのが、『jDiv』。説明を追加できる、jQueryを使ったドロップダウンメニューです。 メニューにマウスオーバすると、メニューのリストと説明の入る部分が大きく表示されますね。ふわっと表示される動きが気持ちいいです。 マウスオーバ時に現れるコンテンツは#hidden-divに書いて、あとはjdiv.jsを編集して複数のメニューに対応させるようですね。 デモは以下から。 Skip the code & show me the demo ちょっと変わったメニューになっているので、一度見てみてください。 jDiv: A jQuery navigation menu alternative ±0の加湿器を購入。TAKUMIのCHIMNEY2と迷ったんだけど、やっぱりデザインにひかれてこっちを選択。深澤直人さんデザインで、MoMAの永久収蔵品
jQuery Photo Tagger Plugin For Flickr-Style Photo Tagging Flickrみたいに写真内に枠を作ってコメントできるようにするjQueryプラグインがあるみたいです。 その名もPhoto Tagger プラグイン。画像内をドラッグ&ドロップして枠を作成すると入力ダイアログが現れるのでメッセージを入れるとコメントを入れられます jQueryプラグインということで比較的実装は簡単なものになっています ただし、サンプルはサーバサイドがColdFusionという若干マニアックな構成になっていますのでPHPerやPerlerな方は受け先を自分で書く必要があります。 送られてくるものを保存して出力の際に似たような出力をするだけなのでそれほど大変そうでは無いかもしれませんがすぐ使いたい方はご注意下さい。
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Notify Bar メッセージやエラーやアラートなどをブラウザ上部からスライド表示。 Slide box パネルをブラウザの上や下
リスト要素のパネルをスムーズなアニメーションでスライドさせるスクリプト「Easy Slider」をcss globeから紹介します。 Easy Slider 1.5 demo パネルには画像やテキストなどを配置することが可能で、スライドのコントローラーはテキストベースのものやグラフィカルなものを使用することができます。 demo 1(スタイルは無し) demo 2(スタイルを適用) demo 3(スタイル無しで垂直方向に) demo 4(スタイル適用、自動スライド) demo 5(複数のスライダーを設置) スクリプトのオプションでは、スライドのスピード、スライドの自動・手動、ポーズの時間などを調整することができます。 Easy SliderはjQueryのプラグインのため、実装にはjquery.jsが必要です。
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを5つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
10 Useful jQuery Plugins | AjaxLine 便利なjQueryプラグインが色々とあるみたいですね。 最近では、jQueryの人気が非常に高いように感じます。prototype.jsとかのシェアの状況は今はどうなってるんでしょうね。 Virtual jQuery Keyboar jQuery 3 State Switch Plugin jQuery Quick Search Date Range Picker Tooltips based on jQuery FaceBox ColorPicker 全部見る これだけjQueryプラグインがあるということは、JSフレームワークのシェアはここ数年でちょっと変わってきてるんでしょうね。 関連エントリ jQueryを速攻マスターしたい方におすすめの「jQuery Selectors」 HTMLで雑誌のような美しい段組みレ
MULTICOL. はHTMLで雑誌のような美しい段組みレイアウトを実現するだけのシンプルなjQueryプラグインです。 もちろん、日本製のプラグインなので日本語もきれいに段組みにします。 一 或春の日暮です。 唐の西の門の下に、ぼんやり空を仰いでいる、一人の若者がありました。 若者は名を杜子春といって、元は金持の息子でしたが、今は財産を費な身分になっているのです。 何しろその頃洛陽といえば、天下に並ぶもののない、繁昌は、まるで画のような美しさです。 しかし杜子春は相変らず、門の壁に身を凭かと思う程、かすかに白く浮んでいるのです。 「日は暮れるし、腹は減るし、その上もうどこへ行っても、泊めてくれる所はなさそうだし——こんな思いをして生きている位なら、一そ川へでも身を投げて、死んでしまった方がましかも知れない」 杜子春はひとりさっきから、こんな取りとめもないことを思いめぐらしてい
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 ListNav リストの高機能なナビゲーションを作成。 Scroll your HTML ホイールにも対応した高機能なスクロールする
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 BDC DrillDown Menu, an iPod-style menu iPod風のドリルダウンのナビゲーション。 Colum
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く