注目のAjax情報のポータル

JavaScriptで開発されたAjaxライブラリとして圧倒的に有名かつ人気を誇っている「jQuery」、各ブラウザごとの依存コード対応などをしなくて良くなるので非常に便利なのですが、そのモバイル版「jQuery Mobile」開発中のアナウンスが出ました。 AppleのiOS・GoogleのAn...

画像にエフェクトをかけて拡大表示 したり、スライドを作ったり、ツール チップで表示したり、というような 画像を使用したjQueryプラグイン が沢山あるのと、探してる方が直ぐ に見つけられるように、という事で リンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を...

jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。 という訳で、個人的なjQuery+cssメニューの総集編です。全部で7...

企業サイトでは売上の推移や販売シェアなどグラフやチャートなどを使って分かりやすく表示したいといったニーズは結構あります。エクセルで作成したグラフを貼り付けたりするのも可能ですが…。今回は、JavaScriptやFlashなどを使って比較的、簡単にグラフやチャートを生成できるツールをいろいろまとめて...

jQueryの日本語の解説サイト、国産のプラグイン、おすすめの和書を紹介します。jQueryの日本語の解説サイトjQuery日本語リファレンスjQuery リファレンスjQuery 1.0.3～1.4対応[...]

カスタマイズも柔軟にできそうなのでメモ的にエントリー。いつか使おうっと。jQueryプラグインの「Pines Notify」を使えば簡単にGrowl風のアラートメッセージを実現してくれますよ。↑ こういうヤツ。もちろん見た目や位置も変更可能です。ちょっとしたお知らせをこうして表示できればおしゃれか...

指定した要素を直接していしてLightBox風表示させられるjQueryプラグイン「Lightbox_me」2010年05月31日-Lightbox_me - Stupidly Simple Lightboxing 指定した要素を直接していしてLightBox風表示させられるjQueryプラグイン...

2010年03月10日15:00カテゴリニュース米パニック社、AJAXを駆使し「搭乗案内」のような社内情報共有システムを公開maskin(masaki_masuda)Mac OS X向けソフトウェア開発で知られる米Panic社は現地時間の3月8日、社内向けステータスボードを開発したと発表した。複数...

『 LightBox風に画像拡大表示 』

Web屋のネタ帳Ｗｅｂビジネスに必要な「戦略」「システム」「デザイン」の３要素とそれらをまとめる「マネジメント」について現場の実感と独自の観点でお送りするコラム・・・のはずなんですが、要するにＷｅｂがらみのシステム＆デザイン業界に関する小ネタとツッコミの雑記です。「ボタンの二度押し対策」とか「二重...

第5回「パワフルなCSS/JavaScriptテクニック45」」 2010年01月05日 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：45 Powerful CSS/JavaScript-Techniques http:...

Feedback UI Plugin 自由な位置にalert表示できるjQueryプラグイン「Feedback UI Plugin」のご紹介。 Feedback UI Plugin を使うと、$(element).feedback('メッセージ'); のようにするだけで、対象のエレメントの側に次の...

ここ最近はブラウザーの上で動く思いっきりRIAなアプリケーションを書いている私。こと通信の部分になると JavaScript での開発効率が、C++/Java/Objective Cなどと比べて格段に高いことをつくづく感じている毎日なので、今日は、そのあたりを少し解説してみようかと思う。サーバーの...

jQuery: The Write Less, Do More, JavaScript LibraryjQueryチームは2009年1月14日(米国時間)、最新のメジャーバージョンとなるjQuery 1.4を公開した。jQueryはJavaScriptで開発されたAjaxアプリケーションフレームワ...

Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar」2010年01月08日-jQuery 'Notify bar' Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar...

Facebook風のツールチップを実現するJavaScript「tipsy」｜｜｜｜｜｜｜jQueryを使用してFacebookスタイルのツールチップを実現する「tipsy - Facebook-style tooltip plugin for jQuery」です。 ツールチップとは吹き出しのよう...

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

普通と違った、奥行きのあるインターフェースを実装したい。そんなあなたにおすすめなのが、『jQuery Roundabout』。jQueryで実装する、奥行きのある回転テーブルの動きです。シンプルなul, liのHTMLを、奥行きのあるインターフェースにしてくれます。しかもクリックすると、全面にぐい...

Facebookのようなかっこいいインターフェースを実装したい。そんなあなたにおすすめなのが、『20 Excellent Facebook Scripts and Resources』。Facebookスタイルのインターフェースを実装するスクリプト・素材20です。とてもかっこいいのが揃っていますよ...

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

業務システムでAjaxを使う際の 「JavaScript問題」とは 特集：TERASOLUNAでAjaxもラクラク開発（前編） 株式会社NTTデータ 技術開発本部 ソフトウェア工学推進センタ 風戸 広史 2009/12/14 オープンソース「TERASOLUNA」の業務用Ajaxとは Ajaxは、...

WebDesignFanで、かっこいいjQueryのスライダーがまとまっています。いくつかご紹介しますね。似たようなエントリーを書いていますが、あまり見たことのないものがいろいろあります。jQuery Plugin - Feature List 左にナビゲーションがあって自動で切り替わるAcces...

OpenSocial DashboardはJavaScript製のオープンソース・ソフトウェア。OpenSocialというと、MySpaceやmixiといったSNS向けのツールであって、あまり一般サイトには無縁なように感じていた。だがガジェットとして捉えるとiGoogleのように個々人で使える可能...

VANDELAY DESIGNで、ツールチップ表示に使えるかっこいいスクリプトがまとまっています。かっこいいものが揃っていますね。Prototip 2 Prototypeを使って、シンプルなものや手の込んだツールチップを作成Coda Popup Bubbles Codaで使われているような、ふわっ...

画像をインラインフレームなどを使わずにスライドさせたり、郵便番号を入力するだけで（ボタンを押さずに）住所の入力補助ができたり、データを送信するまえにエラーチェックを行ったりといったインターフェイスが、当たり前に利用されるようになってきました。 利用側としては、使いやすい方に慣れていく傾向にあるので...

『 見た目的には綺麗だけれど、ちょっと重い感じがする。 』

サイト制作をする上で、たまに必要となってくる別ページの読み込み。これにはいくつか方法があって、一番手っ取り早いのがiframeによる読み込み。けどこれって縦幅の調整に困る上にあまりスタイリッシュじゃない（Javascriptを使って高さを自動調整する事もできますが）。そんなわけでページ内にインクル...

かなりスタイリッシュかつ高機能なLightBox風ライブラリ「TopUp」 最初見たときはLightBoxも驚きましたが、これがかなり進化してきています。 TopUpは、次のように、閉じるボタンやドラッグ＆ドロップでき、リサイズできるOSのようなLightBoxを実現できます。 実現できる機能を簡...

『 マリオに出てくるネッチー思い出した/パクってやったぜヒヒヒhttp://wonderfl.net/code/9b3b5c91b52a3329d0383658c9a6faffec69d53d 』

まるでFlashやスクリプトを使用したかのようなスライドのエフェクトがスタイリッシュな画像ギャラリーを実装するスタイルシートをCSSplayから紹介します。Slideshow by numbers demoデモでは画像ギャラリーの領域にマウスをホバーすると、画像に対応した数字が表示され、それぞれの...