Flash以外でサイトに動きをつけたい。そんなときに参考になるのが、『Spritely』。ピュアHTMLでキャラクターと背景がアニメーションするjQueryです。Spritelyは、sprite()とpan()というメソッドを使って、背景画像に動きをつけているようですね。鳥の画像は以下のように、ア... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
画像をかっこよく見せたい。そんなときにおすすめなのが、『jqFancyTransitions』。画像にFlashのようなエフェクトをかけられるjQueryです。画像にシュパシュパシュパッと切り刻んだような効果をつけられますね。かなりかっこいいです。これがjQueryでできるなんて、すごいなと思っち... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
フォーム周りでjQueryを使いたい。そんなときにおすすめなのが、『25 jQuery Tutorials for Creating and Working with Forms』。フォームで使えるjQuery集です。かっこいいものが揃っていますね。いくつかご紹介します。Creating a Sl... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
最近のフォーム要素にはラベル（透かしテキスト）を入れているものが多いですが、通常の実装方法は以下のソースで可能ですね。JavaScriptのonfocus、onblurイベントハンドラでvalueを切り替えています。XHTML, JavaScript<input type="text" value... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
バリデータをフォームに簡単に組み込みたい。そんなあなたにおすすめなのが、『Ketchup Plugin』。シンプルなソースで拡張性の高いバリデータです。使い方としては、まずはjsを読み込んでfunctionを記述。次に、フォームをプレーンにXHTMLでコーディングした後、inputタグやtexta... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
サイトにスライドショーを導入したい。そんな時に参考になるのが、『66 Examples of Perfect SlideShow Presentation in Web Design』。スライドショーをうまく使ったサイト集です。かっこいいデザインが揃っているので、いくつかご紹介しますね。Konto... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
グローバルメニューに説明を加えたい。そんなときに使えそうなのが、『jDiv』。説明を追加できる、jQueryを使ったドロップダウンメニューです。メニューにマウスオーバすると、メニューのリストと説明の入る部分が大きく表示されますね。ふわっと表示される動きが気持ちいいです。マウスオーバ時に現れるコンテ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Macで使える、便利でかっこいいアプリを探している。そんなあなたにおすすめなのが、『20 Beautiful Mac Apps』。Macの美しいアプリケーションです。いくつかご紹介しますね。Daisy Disk ディスクの使用状況を可視化してくれるアプリCleanMyMac 左のメニューがアクティ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
Flashを使わずに画像を魅力的に見せたい。そんなときにおすすめなのが、『37 Fresh jQuery Image And Gallery Display Solutions』。jQueryを使った画像ギャラリープラグイン集です。結構かっこいいのが揃っていますね。ImageFlow Macのカバ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ポップアップメッセージをありきたりのものにしたくない。そんなときにおすすめなのが、『Notify Bar』。Twitterのような通知バーを実装するjQueryプラグインです。Twitterで投稿したりすると、ブラウザの上部にぴょこっと表示されるメッセージですね。delayなど、カスタマイズできる... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Flashを使わずにアナログ時計を作りたい。そんなときにおすすめなのが、『A Colorful Clock With CSS & jQuery』。CSSとjQueryで作る、カラフルなアナログ時計です。1秒ごとに数字と、画像が動いている見せ方ができますね。仕組みは以下のようになっています。すごいな... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
jQueryでかっこいいスライダーを実装したい。そんなときにおすすめなのが、『bxSlider』。jQueryで実装するクールなスライダーです。↑は、「prev」、「next」をクリックすると、シュッシュッとスライドしてコンテンツが切り替わるタイプ。他に以下の3つのスライダーがあって、合計4つの動... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
サイトのデザインに合うlightbox系スクリプトを探している。そんなときにおすすめなのが、『The Best jQuery Lightbox Scripts』。クールなjQueryのlightbox系スクリプト集です。知らないのもあったりでいい感じのものが揃っていますよ。CeeBox アニメーシ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
フォームのinputやtextarea要素にキーボード機能をつけたい。そんなときにおすすめなのが、『jQuery Keypad』。ソフトウェアキーボードを実装するjQueryプラグインです。↑の例は、inputにフォーカスすると、キーボードが現れるタイプです。キーボードには、「閉じる」「クリア」「... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
普通と違った、奥行きのあるインターフェースを実装したい。そんなあなたにおすすめなのが、『jQuery Roundabout』。jQueryで実装する、奥行きのある回転テーブルの動きです。シンプルなul, liのHTMLを、奥行きのあるインターフェースにしてくれます。しかもクリックすると、全面にぐい... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Facebookのようなかっこいいインターフェースを実装したい。そんなあなたにおすすめなのが、『20 Excellent Facebook Scripts and Resources』。Facebookスタイルのインターフェースを実装するスクリプト・素材20です。とてもかっこいいのが揃っていますよ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
speckyboyで、jQueryのイメージギャラリープラグインがたくさん紹介されています。いくつかご紹介しますね。ColorBox - Customizable Lightbox Plugin 画像だけでなく、スライドショー、HTML、Flashをlightboxエフェクトで表示するプラグイン。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
yensdesignというサイトで、サイト内リンクでページ遷移するAjaxサイトの作り方が公開されています。↑がナビゲーションになっていて、クリックすると、「#home」や「#tutorials」という形でパラメータがついて、ページ遷移します。リロードが必要ないので、ページ移動がスムーズで気持ちい... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
VANDELAY DESIGNで、ツールチップ表示に使えるかっこいいスクリプトがまとまっています。かっこいいものが揃っていますね。Prototip 2 Prototypeを使って、シンプルなものや手の込んだツールチップを作成Coda Popup Bubbles Codaで使われているような、ふわっ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
aext.netで、フレッシュで便利なjQueryプラグインが紹介されています。ざっとご紹介しますね。jQSlickWrap floatした画像の周りにテキストを配置させるプラグインjQuery Slider plugin (Safari style) Safariスタイルのかっこいいスライダーを... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
