jQuery maphilight documentation
maphilight applies to images with a 'usemap' attribute, and outlines the areas defined in their map on mouseover. It provides a single jQuery function: $('.foo').maphilight() This would hilight every image with a map on the page: $('img[usemap]').maphilight() Demos The simple demo (with awful art, and examples of data attributes) A map of the world A map of the USA A few feature-demonstrations Plu
qTip - The jQuery tooltip plugin - Home
About qTip2 is the second generation of the advanced qTip plugin for the ever popular jQuery framework. Building on 1.0's user friendly, yet feature rich base, qTip2 provides you with tonnes of features like speech bubble tips and imagemap support, and best of all... it's completely free under the MIT/GPLv2 licenses!
jQuery 勉強になったドキュメント - ｊQuery メモ帳
公式なページ jQuery 公式ブログ Official jQuery Blog | New Wave Javascript JQueryのインタラクション jQuery UI IBMの解説 jQuery を使って Ajax 開発を単純化する 日本語 jQuery 開発者向けメモ サンプル中心 jQuery リファレンス Ajaxライブラリの中で、 ニュータイプなJSライブラリjQueryを使ってみよう！ Javascript http://allabout.co.jp/internet/javascript/closeup/CU20071020A/ リファレンス jQuery - StackTrace チューニング http://labs.unoh.net/2007/11/jquerytips.html 後で読んでみたい http://wiki.kyosuke.jp/jqueryjQue
WEBタイポグラフィ関係のjQueryプラグイン集「jQuery plugins for awesome web typography」
TOP > WebDesign > WEBタイポグラフィ関係のjQueryプラグイン集「jQuery plugins for awesome web typography」 日本では互換性を重視する傾向がつよくまだあまり、特殊なフォントをjavascriptなどで作り出すような手法はスタンダードではありませんが、中には、挑戦的なサイトもあり、フォントをjsやCSSで見せるそんなサイトもあります。今日紹介するのはWEBタイポグラフィ関係のjQueryプラグイン集「jQuery plugins for awesome web typography」です。 FitText – A plugin for inflating web type フォントを加工するもの、テキストの組を特殊にしてくれるものなど、様々なフォント関連のjQueryプラグインが紹介されていますが、今回はその中から気にな
スクロールしてもposition:fixedでウザくない感じのナビゲーション実装ライブラリ「stickyMojo」:phpspot開発日誌
スクロールしてもposition:fixedでウザくない感じのナビゲーション実装ライブラリ「stickyMojo」 2012年09月10日- stickyMojo contained fixed position sticky sidebar jquery plugin スクロールしてもposition:fixedでウザくない感じのナビゲーション実装ライブラリ「stickyMojo」。 一昔まえだとスクロールする度にアニメーションして酔ってしまうようなナビゲーションが通常でしたが、FacebookのPC版右カラムのようにposition:fixedをうまく使ってページに固定されるナビゲーションを簡単に実装できます。 スクロール位置に応じてナビゲーションを固定するため、シームレスに固定されるのが特徴。 ページを開いた所 ページをスクロールした所。ページの左上に常に固定されるので、途中で移動し
scrolldeck.js
scrolldeck created by Chicago Web Developer John Polacek. I work at at AuctionsByCellular. We make mobile bidding and auction software for charities. Follow @johnpolacek A jQuery plugin for making scrolling presentation decks For example: animations, fullscreen images or parallaxing Powered by Scrollorama Download: zip tar How to Use Build a web page with each slide as a div. Pro-Tip: Use rem’s to
Open Source - Scroll Follow - The Kitchen @ Net Perspective
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Masonry
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
視差効果（パララックス）を簡単に導入できるJavaScript「skrollr」
twitter facebook hatena google pocket 昨今流行っている視差効果（パララックス）を導入してみたい人は多いのではないでしょうか。 Prinzhorn/skrollrを利用すれば比較的簡単に導入可能です。 sponsors 使用方法 Prinzhorn/skrollrからファイル一式をダウンロード。 <script type="text/javascript" src="skrollr.js"></script> <script type="text/javascript"> skrollr.init(); </script> <link href="skrollr.css" rel="stylesheet" type="text/css" /> あとはdivの中にdataで高さとエフェクトを指定していきます。 <div data-0="" //高さ0px
写真上にコメントが載せられるjQueryプラグイン「iPicture」:phpspot開発日誌
Home - Tooltip your images - iPicture jQuery Plugin 写真上にコメントが載せられるjQueryプラグイン「iPicture」 写真の上に＋のアイコンをオーバーレイでき、マウスオーバーでコメントが表示されます。 写真上でそこまで邪魔にならないけどそれなりに目立ち、説明を読んでもらいたいような場合に使えそうです コメント表示例。半透明なのでそれほど嫌な感じでは無いですね 商品の説明等に使うと分かりやすい商品説明ページが作れるかもしれませんね 関連エントリ Flickrみたいに写真内に枠を作ってコメントできるようにするjQueryプラグイン CSSのみで画像に違和感なく注釈を入れるサンプル
[JS]直感的な操作性がたのしい、画像ギャラリーのスクリプト -Fotorama
デスクトップだけでなく、iPhoneをはじめとするスマートフォンなど、さまざまなデバイスに対応した画像ギャラリーを実装するjQueryのプラグインを紹介します。 Fotorama [ad#ad-2] Fotoramaの主な特徴 Fotoramaのデモ Fotoramaの実装 Fotoramaの主な特徴 Fotoramaはセットアップも簡単で、直感的な操作性が楽しい画像ギャラリーのスクリプトです。 メインの画像をスライドするにはいくつかの方法が用意されています。 矢印ボタンでメイン画像をスライド ドラッグ操作でメイン画像をスライド ナビゲーションでメイン画像をスライド サムネイルでメイン画像をスライド サムネイルもドラッグでスライドすることができます。 サムネイルもドラッグでスライド サムネイルのボーダーはアニメーションで動作し、読み込み時のエフェクトも用意されています。 Fotoramaの
40+ Useful and Fresh jQuery Plugins
Plugins are there to assist you and let you perform the desired action in a more convenient and speedy manner. Therefore, today we decided to come up with an exciting and interesting collection of 40+ fresh and cool jQuery plugins for our reader's convenience. This compilation is targeted at the designers and developers who want to create amazingly interactive websites that are attractive and acce
テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」:phpspot開発日誌
テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」 2011年11月14日- jQuery Autosize for textarea elements テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」 次のようにテキストを入力するとちょうどテキストにフィットするようにtextareaのサイズが変わります。最初からあまり大きくしたくないけどスクロールさせたり利便性を損なうのは嫌、という場合に使えます。 この手のプラグインは過去にも紹介しましたが、jqueryプラグインなので、必要プラグインを読み込んだら、$('textarea').autosize(); のように初期化しちゃえば使えちゃうというのもいいですね jQue
Native Fullscreen JavaScript API (plus jQuery plugin) - John Dyer
HTML5 <video> is great, but when it was first released, one of the big complaints was that it couldn’t do true FullScreen like Flash. Thankfully, this is changing and native FullScreen support is coming to most browsers in the next few months (no word from the Internet Explorer team Update on IE below #5)) The API is still heavily in flux especially since the W3C joined in this week. I spent some
リッチなオートコンプリートを実装できるjQueryプラグイン「ComboGrid」:phpspot開発日誌
jQuery ComboGrid Plugin リッチなオートコンプリートを実装できるjQueryプラグイン「ComboGrid」。 input type="text" に文字を入れて、候補が表示されたりするオートコンプリートがありますが、そのオートコンプリートをグリッドにしてリッチにし、よりヒントを多くすることでユーザビリティを上げるような使い方が可能。 表データがあって、その中から選んでもらいたいようなケースに使えそうですね。 中身のデータは当然ですがAjaxで読み込んで表示しています。 基本的には $(element).combogrid(options); というので利用が可能です。 サンプルコードは以下。 関連エントリ クールで高機能な次世代検索ボックスを作成できる「VisualSearch.js」
リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」:phpspot開発日誌
リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」 2011年09月27日- jQuery Mega Drop Down Menu Plugin ? Downloads Design Chemical Lab リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」。 次のような商用サイトでそのまんま使ってもかなり便利になりそうなドロップダウンメニューが作れます メニューバーのカラーは色々選べるようになっているのでサイトのイメージにマッチしたものを使うことが出来ます 垂直バージョンもあるみたいです 画像も組み合わせることで分かりやすいメニューが作れますね 関連エントリ スマフォでもイケてるクールなドロップダウン実装jQueryプラグイン「DropKick」 Googleスタイルのシンプ
ビフォア・アフターが超わかりやすいパーツ実装jQueryプラグイン「jquery-comparewyw」:phpspot開発日誌
jquery-comparewyw - a jQuery plugin which allows you to compare, for example, before and after images - Google Project Hosting ビフォア・アフターが超わかりやすいパーツ実装jQueryプラグイン「jquery-comparewyw」 単純に画像を並べてビフォアアフターするよりも面白くて場所を取らない一工夫のあるUIが実装できます。 マウスでドラッグ＆ドロップしたり、マウスオーバーで直接切り替えることも可能。 画像同士を重ねることで分かりやすいですね。ショッピングサイトなんかで使えるのかも。 関連エントリ Flashみたいなテキストエフェクトが作れるjQueryプラグイン「TextFX」 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 画像スライダー
jQuery Clip - jQueryのプラグインをまとめました。
jQueryの便利で実用的なイメージスライダーやレスポンシブ対応のプラグインをタグやカテゴリで見やすくまとめました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cmmntr.com
jQuery.flickable - Demo