注目のAjax情報のポータル

20 Fresh JavaScript Data Visualization Libraries とても綺麗なグラフ等を描けるフレッシュなJavaScriptライブラリが色々と最近になってもリリースされていますね。 サムネイルだけ見ても、JavaScript でやってるの？というような綺麗なものが...

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

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

JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」2009年10月23日-JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」というサイトを発見。 ちょっとした動作確認用のコードを書いたり、入...

Flashを使用せずに、液体が流れるように画像を少しずつ表示するスクリプトをWeb Reflectionから紹介します。JavaScript Liquid Image FXdemo上記のデモでは、Firefox [...]

Webフォームから飛んできた値について、入力チェックを行わないということはまずないだろう。数字のところに文字列が入ったり、必須のものが入っていなかったりすることはよくある。だからこそサーバサイドのプログラムでチェックはするのだが、ユーザビリティを考えるとクライアントサイドでも入力チェックを行いたい...

nettuts+で、自動でスクロールするシンプルなニュースティッカーの作り方が公開されています。id="ticker"のdlを用意して、dt、ddタグでリストを記述。CSSを指定して、JavaScriptを記述。マウスオーバーするとストップするティッカーとなっています。win IEのfixもされて...

LABjs (Loading And Blocking JavaScript)「LAB」は「Loading and Blocking」の略で、JavaScriptのロードとブロックをコントロールします。使用方法はキャプチャのように、最初に読み込ませたいスクリプト（jquery.js）、そのスクリプ...

これはjQueryなんかと競合していく・・・のかな。BBCが実際に使ってきたJavaScriptのライブラリが公開されたようです。BBCといえばネット上の先進的な取り組みで一目置かれていますが、そのノウハウをぎっしり詰め込んだライブラリになっているようですよ。雰囲気をつかんでいただく為に一応お約束...

インタラクティブなタイムテーブルのUIなどを実装するJavaScriptのライブラリ「Glow」を紹介します。BBC - Glow JavaScript Librarydemo: Royal Timelineタ [...]

テーブル内のコンテンツをセル間で自由に移動させることができるスクリプトをRedipsから紹介します。Drag and drop table content with JavaScriptdemoデモではテーブル [...]

Google Mapの登場以降、ハード面での品質向上と相まって爆発的に浸透して行ったJavaScript×XML＝Ajax。一時期は完全に「枯れた技術」とまで言われたJavaScriptは、世界を変えたバズワード「web2.0」を生み出し、いまやWEB業界では必須スキルの一つにまでなりました。Aj...

『 Scriptメニュータブリファレンス 』

Prototype.jsやjQueryなどのJavaScriptフレームワークではHTMLのクラス名やIDなどを指定して要素を取得できるようになっている。とは言え、簡単な要素の取得のためにフレームワーク全体を読み込むというのはちょっと面倒だ。次世代版のCSSセレクタエンジンそこでもっと手軽に使える...

ナビゲーションの現在位置を取得し、要素にクラス（activeなど）を追加してデザインを変更するスクリプトをCSS newbieから紹介します。Using JavaScript to Style Active Navigation Elementsスクリプトは単独で動作するものも紹介されていますが、...

IE6用の透過pngライブラリ「alphafilter.js」が透過pngのロールオーバーに対応しました。透過機能はIE6で画像の拡張子がpngの場合のみですが、ロールオーバーはすべてのブラウザ、jpg、gif、png形式の画像で利用いただけます。img要素の場合class属性に「btn」と付けれ...

多くのウェブサイトやウェブアプリケーションで利用されている「JavaScript」は、プログラマーだけでなくデザイナーにとっても表現力や操作性を高めるうえで重要になっている。JavaScriptはプログラム言語の一種であるため、デザイナーが一から記述するのは難しいが、各種機能を部品としてまとめたラ...

Googleで採用されているパスワードの強度確認チェッカーみたいなものを作ろうぜ！という流れで、『作ってみた』という人が現れた。 パスワードを入力するごとにJavaScriptによってフォームを監視し、ゲージでお知らせしている。 ちょっとした小技として使えそうですね。 ダウンロードは以下からできま...

HTMLだけで作ったシンプルなサイトもいいですが、時にはもっと派手なサイトを作りたい、ということ場合もあるでしょう。これまでもこの連載ではさまざまな“小技”を紹介してきましたが、ページ全体を大きく描き換えるには、以前ならFlashが不可欠でした。ところが最近では、JavaScriptとHTMLの組...

Lightweight jQuery Portal JavaScriptを活用した軽快なポータルを作るためのフレームワーク「jPolite」. iGoogleみたいなポータルを作るようなjQueryベースのフレームワークです。 デモページ タブをクリックで画面が軽快にアニメーションでいい感じに切り...

『 ユーザーのマウス操作にあわせて、複数のレイヤーをずらして動かし、パララックス（視差）効果を与えるスクリプト「mParallax」 』

Beautiful datepickers and calendars for web developers とても洗練されたＵＩの日付ピッカー＆カレンダー集のエントリが紹介されていましたのでピックアップ。 日付入力も便利だけでなく、クールに行えます。 datepicker シンプルだけどクールな...

10 Most Interesting Upload Widgets | AjaxLine ファイルアップロードの際に便利なFlash/JavaScriptウィジェット集。 通常のアップロード機能を実装すると使えないと言われないくらい、Flickrなどのアップローダなんかは便利になっていますよね。...

多目的に使える、パネルを面白いアニメーションで水平にスライドするスクリプトをwoorkから紹介します。Ultra versatile slider for websitesdemoデモでは、下部の「Previo [...]

yuga.jsって？ウェブサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりするJavaScriptです。jQueryを使って作られています。Web制作を優雅にするために作られました。設置方法まず、ファイル一式をダウンロードし、読み込みたいサイトの任意のフォルダに配置...

Ajaxの人気ライブラリ／フレームワークAjaxという言葉は、Adaptive Path社のJesse James Garrett氏が2005年2月18日に投稿した「Ajax: A New Approach to Web Applications（http://www.adaptivepath.c...

Best of 2008 - JavaScript | Design Shack 2008年に注目を集めた使えるJavaScriptライブラリ集が紹介されていました。 どれも非常に便利でサイト構築に役立ってくれるでしょう。 sIFR Lite Javascriptでテキスト文字列を綺麗な画像にして...

JavaScriptを使って、ダイナミックな動きのあるサイトがたくさんありますね。今回は特にスライドに注目していろいろなスクリプトとスライドを上手く利用したウェブサイトをまとめてみました。サンプルのスクリプトと、インスピレーションサイトを参考にして、かっこいい動きのあるサイト作りに挑戦してみてはい...

ニュースなど複数のコンテンツを配置したパネルがスムーズにスライドする、アクセシブルで軽量（3KB）なスクリプト「Accessible News Slider」を紹介します。Accessible News Slider demoパネルはリスト要素で実装されており、テキストリンクと画像リンクでスムーズ...

Greasemonkeyで有名なAutoPagerize、最近ははてなブックマークでも取り入れられて 機能としてサイト側でやるものかどうかっていう話も聞いたりしました。AutoPagerizeは一度使ったらもう手放せないくらい便利ですけど これを自分でやってみました。使い方は簡単、 5509内 ホ...