Webデザイン・デザイナーの制作に役立つネタまとめ ～ デザインフィードデータベース

Flash以外でサイトに動きをつけたい。そんなときに参考になるのが、『Spritely』。ピュアHTMLでキャラクターと背景がアニメーションするjQueryです。Spritelyは、sprite()とpan()というメソッドを使って、背景画像に動きをつけているようですね。鳥の画像は以下のように、ア...

Best jQuery plugins for Twitter integration | AjaxLine サイトにTwitterの機能を組み込むためのjQueryプラグイン集。 Twitterの勢いがまだまだ衰えませんが、それにともなってサイトにTwitterの機能を実装したいというニーズも高...

マウスオーバー時に気持ちのいい効果をつけたい。そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。デモは以下から。jQuery Menu Plugin: Bub...

表データのセルにカーソルをあわせると、その列と行をハイライトするシンプルなスクリプトをPreeoStudiosから紹介します。TargetTable デモスクリプトのセットアップは簡単で、既存の表データにも簡単に反映できます。HTMLtableに「class="targettable"」を記述しま...

Chat2: Group Chat Room with PHP, jQuery, and a Text File | CSS-Tricks PHPとjQueryで作るAjaxなグループチャットスクリプト作成のチュートリアルとデモプログラムがそのままダウンロード出来るエントリのご紹介。 クールなaj...

フォーム周りでjQueryを使いたい。そんなときにおすすめなのが、『25 jQuery Tutorials for Creating and Working with Forms』。フォームで使えるjQuery集です。かっこいいものが揃っていますね。いくつかご紹介します。Creating a Sl...

これはメモ的にエントリー。jQueryでスクロールするリストを作るためのチュートリアルですよ。細かい見た目に気を使っている点がすばらしいですね。↑ こういう上から下に流れるリストが作れます（デモ）。こうしたスクロールするリストは他にもたくさんありますが、用途にあった実装をしたいですよね。たくさん知...

ナンバリングがついたjQueryとCSSで制御するスライダー「 Automatic Image Slider w/ CSS & jQuery」非常に高機能なjavascriptライブラリとして、WEBではかなり利用されているjQuery。今回紹介するのはjQueryとCSSで制御するスライダー「A...

『 jQueryでCoreAnimation。すばらしい。 』

jQueryを使えば単体でもフェードやスライドなどのアニメーションを誰でも簡単に使えますが、animateメソッドを使うとより便利に凝ったアニメーションを実行することができます。animateメソッドを使って何かを作るときに役立ちそうなチュートリアルと、すぐ使いたい人向けのプラグインを集めました。...

大きな画像から指定した一部だけを切り抜いて、写真の撮影をシミュレートしたスクリプトをTutorialzineから紹介します。Making a Photoshoot Effect With jQuery & CSS デモページデモではカーソルに合わせて、カメラのファインダーで覗いているような矩形が表...

以前にも似たようなものを紹介しましたが、こちらも使いやすそうなのでエントリー。jQueryからGoogle Mapsを扱えるようにしたものですね。バルーンやらアイコンやらをカスタマイズできるのが良いですね。↑ マークアップもわかりやすいっす。ダウンロード＆詳細は以下からどうぞ。» gMap – G...

jQuery基礎文法最速マスターHP登録でSEO対策！アクセスアップにコチラ！ 検出率No.1・PC軽快さNo.1のウイルス対策ソフトはやっているようなのでまとめてみたいと思います。jQueryの読み込みGoogle AJAX Libraries APIで簡単に読み込めます。<script typ...

ブラウザのサイズが変更されると、レイアウトがスライドのアニメーションで変更されるスクリプトをHackito Ergo Sumから紹介します。Create Your Own Sliding Resizable Grid [...]

jQuery imageless buttons a la Google 画像を使わずにGoogle風のクールなボタンが作成できるjQueryプラグイン。 次のようなボタンやドロップダウン風のボタンが画像を使わずに実装できるプラグインです。 画像を使っていないのですが、クリックするとちゃんと色が反...

フォームの入力時に、入力欄に配置されたラベルが枠外にアニメーションで移動するスクリプトをCSSKarmaから紹介します。Form Design with Sliding Labelsデモページスライドするアニメ [...]

TwitterのUIのように、入力できるテキストの残りの文字数をカウントして表示するスクリプトをcss globeから紹介します。Simplest Twitter-like dynamic character count for textareas and input fields デモページ上記...

かっこいいスライドギャラリーを実装したい。そんなときにおすすめなのが、『GalleryView』。動きの洗練されたjQueryのスライドギャラリーです。キャプションを付けられたり、画像だけフェードイン&アウトで切り替えたり、いろいろなタイプがありますね。しかも動きがかなり気持ちいいです。デモは以下...

jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡...

フォームのための実用的なjQuery集「10 Useful jQuery Form Validation Techniques and Tutorials」ユーザーとサイト運営者を結びコンタクトフォーム。個人、商用拘わらず、様々なWEBページで目にします。今日紹介するのは、フォームをもっと便利にし...