画面上で誰かがタイピングしているようにアニメーションできるjQueryプラグイン「jticker」 2011年11月01日- webdev.stephband.info | jticker 画面上で誰かがタイピングしているようにアニメーションできるjQueryプラグイン「jticker」 タイピン...
|
jQuery Org Chart ? a plugin for visualising data in a tree-like structure The Silver Lining 組織図っぽい図を簡単に作れるjQueryプラグイン「jQuery Org Chart」 次のような組織図を作ること... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Diapo | a free jQuery slideshow by Pixedelic 画像切替が超カッコいいスライドショーが実装できるjQueryプラグイン「Diapo」。 様々な切り替えエフェクトがあって、画像と共に動きも楽しむことができます。 キャプションのアニメーションもクールで、ボタン... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]異なる高さのdiv要素の高さを揃えるだけのシンプルなスクリプト -Equalbox | コリス](/thumbnail/593509.png)
Equalbox.jsの実装 HTML 各div要素はjQueryのセレクタで指定できるように、idなどを指定します。 <div id="box-container"> <div id="box1" class="box"> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf<... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 2011年06月27日- Official Demo page for MyThumbnail jquery plugin 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
こんなサイトを作ってみました オッス、オラ日曜ネット大工。 １年に１回くらい趣味でwebサイトを作ったりする独学素人ノンプログラマーです。 仕事はＩＴ系にかすりもしないけど、たまにサイトが作りたくなるんです。 htmlもCSSも知識不足ですが、作成ソフトに頼ればなんとかなります。 そんなレベルで... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これ、いつか使いそうだからメモ的にエントリー。特定の要素までスクロールしたらある関数を実行する、という処理ができるjQueryプラグインですね。うまく使えば「無限スクロール」「スクロールしても常にメニューを表示」なんてことが実現できちゃいますよ。↑ 表示位置を検出してスクロールしたら広告表示、なん... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
サイトの使い方をその場でアニメーションしてチョートリアルさせられる凄いjQueryプラグイン「Embedded Help System」2011年01月20日-Embedded Help System サイトの使い方をその場でアニメーションしてチョートリアルさせられる凄いjQueryプラグイン「E... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Moleskine Notebook with jQuery Booklet | Codrops jQueryでリアルな本をペラペラめくるＵＩ作成チュートリアル。 デザインの美しさも素晴らしいのですが、アニメーションしながらめくれる感じもちゃんと出てるところがすごいです。 デモページ jQuery... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
指定位置までスクロールしたときにレイヤーを表示させることができます。ブログを読み終わったあとに注意を引きたいレイヤーを表示して、ソーシャルサービス等への投稿などを促す効果も簡単に実装できます。（レイヤーの中身は別途必要です）元ネタは、長谷川恭久さんのcouldから。「いかがでしたか？」というレイヤ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずは... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]背景画像をブラウザの枠いっぱいに広げて表示するスクリプト -fullscreenr | コリス](/thumbnail/504163.png)
背景画像のアスペクト比を維持しつつ、ブラウザの枠いっぱいに広げて表示するスクリプトを紹介します。 デモではオプションで、ドットの画像をオーバーレイさせています。スクリプトがオフ時の表示fullscreenrの実装fullscreenrはjQueryのプラグインのため、実装にはjquery.jsが必... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
『 ページ下までスクロールするとナビゲーションがズザーっとスライディングしてくるjQuery 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
infinite, circular jQuery carousel --- CarouFredSel 2.1.3 どんなHTML要素もカルーセル化してしまえるjQueryプラグイン「CarouFredSel」。 指定した要素以下に<div>や<img>を単に並べるだけでカルーセル化してくれるプラ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
クールなスライドショーを実装したい。そんなときにおすすめなのが、『BEST jQuery Plugins For Image Galleries And Sliders』。かっこいいイメージスライダー集です。いい感じのものが揃っていますね。jQuery Content Gallery Plugin... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]リスト要素の項目をアニメーションで表示するシンプルなティッカー -List Ticker | コリス](/thumbnail/458359.png)
リスト要素の項目をフェードやスライドのアニメーションで表示するシンプルなティッカーのスクリプトを紹介します。Super simple jQuery ticker デモページデモではリスト要素の各項目が自動で次々に表示され、スクリプトのオプションでは表示方法（フェード・スライド）とアニメーションのス... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ページに動画を埋め込む際につい使ってしまいたくなるjQueryプラグイン「Video LightBox」2010年06月10日-Video LightBox - Embed video to your website with beautiful Lightbox effect! ページに動画を埋... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Flash以外でサイトに動きをつけたい。そんなときに参考になるのが、『Spritely』。ピュアHTMLでキャラクターと背景がアニメーションするjQueryです。Spritelyは、sprite()とpan()というメソッドを使って、背景画像に動きをつけているようですね。鳥の画像は以下のように、ア... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Flashを使わずにアナログ時計を作りたい。そんなときにおすすめなのが、『A Colorful Clock With CSS & jQuery』。CSSとjQueryで作る、カラフルなアナログ時計です。1秒ごとに数字と、画像が動いている見せ方ができますね。仕組みは以下のようになっています。すごいな... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
