[JS]チェックしておきたいjQueryのプラグインのまとめ -2013年3・4月 | コリス

2013/04/21 291 users lightbox jQuery コリス キャプション 補足説明

紹介済みから未紹介のものまで、最近リリースされたjQueryのプラグインをまとめました。 Intro.js ページのガイドを表示します。 Chardin.js オーバーレイでページの補足説明を表示します。 HCaptions 画像ホバーでさまざまなアニメーションでキャプションを表示。 SuperBox レスポンシブ対応で画像を拡大表示します、Lightboxの進化形。 tosrus タッチデバイス... 続きを読む

HTMLのあらゆるエレメントに注釈を入れられるjQueryプラグイン「Chardin.js」:phpspot開発日誌

2013/04/08 26 users エレメント 注釈 iPhone jQueryプラグイン アニメ

Chardin.js HTMLのあらゆるエレメントに注釈を入れられるjQueryプラグイン「Chardin.js」。 次のように注釈を入れられます。応用すれば色々と便利に使うことができそう サイトの説明やチュートリアルをオーバーレイで表示したり、サイトデザインのプレゼンなんかに使えるかも 関連エントリ iPhoneのサイドメニュー風UIが作れるjQueryプラグイン「jPanelMenu」 アニメ... 続きを読む

新Gmailライクな、オーバーレイを利用したシンプルなWebサイトツアーっぽいのを実装するスクリプト・Chardin.js - かちびと.net

2013/04/06 43 users オーバーレイ net 備忘録 jQuery依存 スクショ

なかなか良さそうだったので備忘録。最近GmailでUIが少し変更されましたが、その際に使い方をオーバーレイで教えてくれるようになっていました。そんなシンプルなサイトツアーを実装できる、というスクリプトです。 jQuery依存のスクリプトです。Gmailの方はスクショ取り忘れたのでご自身でお確かめ下さい。 Chardin.js 上記のようにラインを引いた場所の解説分をオーバーレイで表示する、というも... 続きを読む

[JS]実装は簡単！ページの使い方の説明などをかっこよくオーバーレイで表示するシンプルなスクリプト -Chardin.js | コリス

2013/04/04 82 users コリス stylesheet スクリプト 実装 rel

デモページ：オーバーレイ非表示 Chardin.jsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <link href="chardinjs.css" rel="stylesheet"> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>... 続きを読む

Chardin.js

2013/04/01 114 users

Chardin.js - Better introductions for websites and features with a step-by-step guide for your projects. 続きを読む