Beautiful Background Image Navigation with jQuery | Codrops
In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the […] In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. The background
Rocking and Rolling Rounded Menu with jQuery | Codrops
In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here. We will create a […] In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here. We will create a menu with little icons that will rotate when hovering. Also, we will
公開中のもの :: 5509
いままでに公開したプラグインです。exValidationとjQselectable便利なのでおすすめです。 jQuery exValidation リアルタイムフォームバリデーション jQselectable セレクトボックスをシンプルなプルダウンに拡張して選択しやすくする whatInOut ふわっと表示したりスライドインしたり @anywhereで利用できるHoverCardのクローン 何の役にも立たない誰得プラグインたち リンクが逃げるrunawayなど… jQueryでインクリメンタルサーチ データを扱うテーブルなどにインクリメンタルサーチをjQueryを利用して実装する hintmask.js パスワード入力欄の最後の文字列をヒントとして表示する easingScroll.js jQuery Eeasingプラグインで一味違ったページ内スクロール prebitly.js bit
テキストリンクへのマウスオーバー時にスムーズにURLや他のテキストに切り替えるjQueryプラグインHoverAttribute
マウスオーバーするとフェードインアウトエフェクトでURLに切り替わります。IE6、7では動かないみたいです。 オプションもあるみたい。 ↓ URLの最後の部分をハイライト $("h3 a").hoverAttribute({ removeProtocol: true, removeWWW: true, highlightURLPart: "lastURIPart" });↓ 文字数を指定してハイライト $("h3 a").hoverAttribute({ wrapLength: 65, wrapLink: "before", highlightURLPart: "query", });↓ title=””内のテキストに切り替える $("h3 a").hoverAttribute({ attribute: "title" });ほんとIEさえなければ色々出来ますね。デモとダウンロードは以下よ
フェードイン&アウトで切り替わるjQueryのスライドショー – creamu
83317481, Maria Teijeiro/ Lifesize/ Thinkstock フェードイン&アウトで切り替わるスライドショーが作りたい。 そんなときにおすすめなのが、『Build a Simple Image Slideshow with jQuery Cycle』。フェードイン&アウトで切り替わるjQueryのスライドショーです。 jQueryのスライドショーは画像が移動するものがよく見られますが、これは同じ場所で切り替わりますね。動きが自然で気持ちいいです。 デモは以下から。 View the demo デザインの仕方から、XHTML / CSS、JSまで解説されているので、ぜひ見てみてください。 Build a Simple Image Slideshow with jQuery Cycle いつもと違うカフェに入ってみた。客層も雰囲気も違っていい感じだ。 今日は作業
マウスオーバーでtwitterのユーザー情報を表示する「twttrFloatTip」
マウスオーバーでtwitterのユーザー情報を表示する「twttrFloatTip」 Check Tweet 配布元：TwitterのHover Cardを実装するjQueryプラグイン twttrFloatTip :: 5509(+1) ライセンス：MITライセンス twttrFloatTipは マウスオーバーでtwitterのユーザー情報を表示する為のjQueryプラグインです。 利用方法 まずは、jQuery本体と配布元よりダウンロードしたtwttrFloatTip.jsをhead要素などで読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="twttrFloatTip.js"></script> 次にtwttrFloatTip.cssも
[JS]jQueryのプラグイン33+1選 -2010年3・4月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 YoxView 画像をスタイリッシュに拡大表示するスライドショー。 Roundabout Shapes 複数のオブジェクトをさまざま
MdN Design｜総合情報サイト
お問い合わせ用のフォームなどで入力方法の記入例をサンプルとして明記する場合があるが、実際に入力するエリアにあらかじめ表示させておくことで、見ためにもどこの記入例なのかがわかりやすくなるだろう【1】。ここではこれを実現する簡単な方法を紹介しよう。 【1】入力エリアにデフォルト値が表示される 「jQuery Form Tips Plugin」（manuelboy.de/projekte/jquery-formtips/index.php）で紹介されているjquery-formtipsプラグインがそれだ。「jquery-formtips - Project Hosting on Google Code」（code.google.com/p/jquery-formtips/）でプラグインがダウンロードできるのでダウンロードしたプラグインとjQueryを読み込んでおこう【2】。 【2】jQueryと
MdN Design｜総合情報サイト
ページ上部の固定のメニューを画面がスクロールしたときにもじゃまにならないように半透明にしてみよう。参考にするサンプルは「Fixed Fade Out Menu: A CSS and jQuery Tutorial | Codrops」（tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/）だ。 まずはjQueryを読み込む【1】。次に半透明にするJavaScript部分を作成しよう。ウインドウがスクロールされたときに動作する関数で透明度を操作する。$(window).scrollでスクロールしたときに動作する。「var scrollTop = $(window).scrollTop();」ではスクロール時の座標を取得して変数に格納する。変数「scrollTop」が0ではないとき、すなわち
マウスカーソルの横にAjaxのローディングアイコンを表示してくれる、たった4KBのjQueryプラグイン『prettyLoader』 - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
WebデザインにjQueryを使いたい人向けの動画チュートリアルサイト・jQuery for Designers
jQueryをWebデザインの為に使い たい、という方にお勧めのサイト・ jQuery for Designersのご紹介。 jQueryは様々なプラグインがあり ますが、ここはWebデザインに特化 しています。 jQuery for DesignersはデザイナーのためのjQuery情報サイトです。まだ数自体は少ないのですが、チュートリアルやデモを中心に情報を配信していますので今後の期待も込めてご紹介します。 Webデザイナー用のjQuery情報サイトです。右上に「Easy」、「Medium」、「Hard」とありますが、これは導入難易度を示しているようです。 チュートリアルは動画とテキストがあります。動画コンテンツ上部のdemo、View Codeでデモやコードのページに切り替えます。 例えば以下のような情報があります。 Automatic Infinite Carousel 自動でスラ
jQueryのかっこいいスライドショースクリプト28 – creamu
かっこいいスライドショーを作りたい。 そんなときにおすすめなのが、『28 Useful JQuery Sliders You Need To Download』。jQueryのかっこいいスライドショースクリプト集です。 かなりいい感じのものが揃っています。 Automatic Image Slider w/ CSS & jQuery CSSとjQueryで作られた、自動でスライドするギャラリー Animate Panning Slideshow with jQuery 大きい画像の一部がパンしながら移動するスライドショー SlideDeck jQuery plugin とてもかっこいいスライドショー。無料版と$99の有料版がある。Basecampのサイト等、実装例多数 jQuery Infinite Carousel スムーズな動きのカルーセル（イメージスライダー） Easy Slider
スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」:phpspot開発日誌
スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」 2010年03月31日- AjaxScroll ? Ajax Scroll jQuery Plugin | blogfreakz.com スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」 「MSN Image Search」は画面遷移なしに画像をガンガンよんでくれて、スクロールすれば次の画像を見れるためストレスが少なく、画像を探せます。 これと同様の機能を実現するためのjQueryプラグインのご紹介です。 デモページはこちら。スクロールすると次の画像を読んでいっているのが分かると思います。 Ajaxで次の内容を読むので、一回における転送量を少なくした上で、利用者には画面遷移なしの利便性を提供出来ると言うわけですね。 垂直方向だけでなく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript + Ajax 実践サンプル集 - ホーム
http://moto-mono.net/2010/04/30/whatinout.html
[CSS]ブラウザのサイズに合わせてスタイルシートを変更する方法
Welcome to nginx!
http://www.netch.jp/articles/2009/06/25/cufon/
画像をオーバーレイで拡大できる jQuery.popeye 2.0 – creamu
IDEA * IDEA
