注目のAjax情報のポータル

『 jQueryチュートリアルのまとめ 』 by s5style

Microsoftが提供するAjax高速化ツールAjaxの普及により、WebアプリケーションでJavaScriptが積極的に活用されるようになって久しい。しかし、JavaScriptを多用するWebアプリケーションでは大量のJavaScriptを読み込む必要があるため、起動に時間がかかるという問題...

AjaxLineで、素晴らしいjQueryチュートリアルがまとまっています。ざっといくつかご紹介。» Animated Menu Using jQuery jQueryを使ったアニメーションするメニュー » How to create tab with JavaScript シンプルなタブ切り替え...

jQuery 1.3のビジュアルチートシートをwoorkから紹介します。jQuery Visual Cheat Sheetチートシートはそれぞれの詳細な説明と若干のサンプルコードが記されており、PDF全6ページで [...]

Comet DesktopはPerl(Mojo)+ExtJS+SQLiteによるWeb向けのオープンソース・ソフトウェア。WebOSは数年前から登場しているが、なかなか本格的な流行がやってこない。とは言えネットブックやChrome OSの登場によって着実にニーズは高まっている。シンプルなWebOS...

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

数日前のはてブで、HTML/CSSベタ打ちしていた人の今日はどうなる？ていう記事がありましたが、最近とみに思うのは、PHP/Ruby/Java/Pythonどれでもいいんですけど、いわゆるサーバープログラマーというか、クライアント側のコード書かないプログラマーって死亡の日が近いなーという背筋の寒さ...

夏休みはタイ古式マッサージセミナーに参加してきました。agoです。先週日曜日若手IT勉強会に参加させていただき、jQueryのコードリーディングを行ってきました。そこでjQueryのコードを読むときの基礎知識に関して簡単にまとめてみたいと思います。1 変数の複数同時宣言と代入まず、JSでは変数の宣...

『 タブ、ツールチップなど格好良いUIコンポーネント 』 by apecell

スペックやデータ、料金表などを表示するためには、テーブルコーディングは欠かせませんね。テーブルにjQueryのプラグインを実装すると、ソートやページングなどなど、様々な機能を追加する事ができます。今回は、テーブルに実装できるjQueryプラグインいろいろとまとめてみました。Flexigrid – ...

Create a Realistic Hover Effect With jQuery ・Blog and Web Design Portfolio of Adrian Pelletier jQueryでリアルなホバーエフェクト作成チュートリアルが公開。 次のように、ホバー時にリアルにリフレクショ...

jQuery TOOLSというjQueryのUIライブラリを見つけました。↑のようなスライドショーや、バブル型でふわっと浮き上がるツールチップ、気持ちのいいフェードイン&アウトで切り替わるコンテンツなど、たくさんのエフェクトが紹介されています。以下からデモを見られますね。» jQuery TOOL...

HTMLやJavaScript、CSSを構造化して見やすく書こうと思うとインデントやスペースを使うだろう。確かに見やすいが、ブラウザへのレンダリングを行う上では特に意味はない（中には意味のあるスペースもあるが）。できるだけ転送量を抑えようと思うと、このスペースをなくしていくという作業が大事になる。...

マイクロソフトリサーチが、AjaxによるWebアプリケーションを最適化して起動速度を改善するツール「Doloto」をの公開を、9月8日から開始しました。DolotoのWebページの解説によると、Dolotoとは「Download Time Optimizer」の略であり、またロシア語で「彫る、干渉...

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

Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？　もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。下記のグラフは、「Simple-Talk」という海外の...

Learning jQuery: Submit form PHP Mac style Modal window | AEXT.NET PHPとjQueryのAjax連携の学習用チュートリアルが公開されています。 macスタイルのログインフォームからjQueryでAjax送信してリアルタイム認証を行...

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

jQueryを使って画面のアクションを作ろうと思うと、そのコーディングの仕方を含めて習得する必要がある。イベントにもマウスやフォーカス、クリックなどの様々な種類が存在し、その結果として起こすアクションも無数に存在する。それらを適切に判断しながら構築するというのは意外と難しい。jQueryを使った開...

『 JQueryのUIを作るVisualEditor 』 by drumsco

Live CSS Editing With jQuery | Dev Words jQueryでリアルタイムにCSSを書き換えるサンプルが公開されています。 デモページ 次のようなコードで容易にページの<style>の中身を書き換えちゃうというサンプルです。 これを応用して、ブックマークレットでL...