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

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

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

最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するも...

サイトのトップページやプロモーションページに最適な複数の画像をスムーズなアニメーションでスライド表示するスクリプトをSoh Tanakaから紹介します。実装のイメージ画像のスライドはコントローラーでの手動操作と自動操作に対応しています。スクリプトのベースにはjQueryが使用されており、HTML/...

最近、社内で PHP Spidermonkey が流行って（？）いるようです＞＜！Cybozu Inside Out: SpiderMonkeyを使ってPHPでサーバーサイドJavaScriptid:ama-ch さすがです＞＜ というわけで僕も、 PHP の Spidermonkey でどのくら...

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

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

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

uupaa.jsuupaa.js 0.7 の概要を、1分でざざーっと分かるように書きました。これ自体10分で書いてるので、ノープラン・ノーチェックでお届けします。uupaa.js のビルドuupaa.js というファイルはありません。必要な機能を組み合わせ、ユーザがビルドして作ります。ビルドコマン...

IEにだけできないことを可能にしたい。そんなときにおすすめなのが、『10 ways to make Internet Explorer act like a modern browser』。IEをモダンブラウザのように扱う方法です。便利そうなのが揃っているので、ざっとご紹介しますね。HTML5をI...

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

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

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

大量のリストから目当てのものを瞬時に探せるようになるjQueryプラグイン「LiveFilter」2010年01月20日-jQuery Plugin: LiveFilter 1.0.1 | Mike Merritt | Digital Inferno 大量のリストから目当てのものを瞬時に探せるよう...

2010年1月14日、jQueryの最新版1.4がリリースされました。本家のサイトをはじめ、新機能のサンプルコードや1.3.2との後方互換について紹介します。jQuery 1.4 ReleasedjQuery 1.4のダウンロードとリリース情報jQuery 1.4のダウンロードや詳細な情報は、下記...

グリッドベースのレイアウトをブラウザのサイズに合わせて、レイアウトを自動で変更するスクリプトを実装するチュートリアルをCreativityDenから紹介します。

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

これ、なんだかスゴそうですよ。今風のインタフェースを作るためのJavaScriptのライブラリです。EXT.jsの凄い奴、って感じかな。↑ こういう部品群が用意されています。↑ デモとして用意されている『Google Wave』風インターフェース。こんなのもできちゃうってすごすぎじゃね？ちなみにW...

余計な機能は一切なく、シンプルで画像を洗練されたエフェクトで次々に表示するスライドショーのスクリプトをSnook.caから紹介します。Simplest jQuery Slideshow demoこのスクリプトを作成したきっかけは、知人からの依頼だそうです。当サイトでも多数紹介しているjQueryの...

これはすごく便利。Easy Front-End Frameworkは今風のウェブサイトを作る際に使えるテンプレートである。HTML、CSS、Javascriptが全部含まれているので、見出しや本文、テーブルといったスタイルだけではなくて、Tooltipsや浮かび上がってくる画像なども簡単に作れる点...