注目のAjax情報のポータル

Firefoxを使ってWebシステムを開発する際には必須とも言えるFirebug。そして人気の高いJavaScriptライブラリのjQuery。この二つが組み合わさったとき、これまで以上の魅力が感じられるようになる。マウスを当てるとそのエレメントがハイライト表示されるそう確信できるのがFireQu...

今回のテーマは「iモード誕生10周年」。古くから知ってる業界の仲間が集まって、ケータイのUIについてカンカンガクガクあるいはワイワイガヤガヤと語り合いました。登場人物筆者＝ケータイ公式サイトを多数開発した経験を経てユビキタスエンターテインメント（UEI）を設立。先日発表されたZEKE CMS 4....

『 prototype.jsを拡張するライブラリ 』 by h2u

Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY.Janko Jovanovic氏がSmashing Magazineにおいて10 UI Design Patt...

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

連載第1回の「EclipseでJava版App Engineを始めるための基礎知識」では環境設定が中心でしたが、連載第3回となる今回は、「Google App Engine for Java（以下、GAEj）」上で動作するJSPのユーザーインターフェイス（以下、UI）をAjax/JavaScrip...

10 Really Interesting jQuery Plugins | Queness ユニークで使えそうな jQueryプラグイン10個。 プラグインといえば、タブやLightboxといった定番のものから、他にも役立つものが色々とありますが、紹介されているものはどれも便利そうでしたのでいく...

canonical リンクの取得で変換が必要になった。IE6,7 は link 要素の href にプロパティアクセス、attr アクセスすると、相対 URL が指定されてる場合はまんま相対 URL を返す。そんなとき絶対 URL に変換する一番楽なのは A 要素の href を利用して、clon...

Easy CSS Compression with PHP and mod_rewrite - Roger Stringer CSSやJSファイルを軽量＆圧縮して転送できる「csszip.php」というファイルが公開されています。 「csszip.php?file=ファイル名」のようにリンクすると...

はじめに　リッチインターネットアプリケーション（RIA：Rich Internet Application）のクライアントサイド開発を学ぶうえで重要なのは、ドキュメントオブジェクトモデル（DOM：Document Object Model）の操作方法を習得することです。DOMとは、Webページのす...

あの処理がこのWebブラウザでも動いたら……デベロッパにとって、Webアプリケーションのクロスブラウザ対応化は頭を悩ませる作業のひとつ。最近ではさまざまなAjaxフレームワークが登場しクロスブラウザでの実装も楽になってきたが、このたびひときわ違ったアプローチを試みるAjaxフレームワークがリリース...

In The WoodsのCoda Slider and More With jQuery Toolsという記事で、jQuery Toolsで実装したCodaのスライダーのようなインターフェースが紹介されています。デモは以下から。» View the Example超クールなので、タブメニューのイ...

ローカルでWebシステムを開発し、それをアップロードして検証する。そんな手間をかけるのは面倒だ。オンラインで開発してそのままオンラインで実行できればとてもスムーズになりそうだ。問題は良い開発環境がないことだろう。プロジェクトテンプレートが用意された本格的IDEまるでIDE（統合開発環境）のように画...

ページをめくるエフェクトのまとめ「5 Extremely Simple Ways To Add Page Curl To Your Website」ページの右端がめくれかかっていて、マウスオーバーするとページに隠されていたメッセージなり、コンテンツが出てくる手法がたまに見かけますが、今日はそういっ...

XMPPはGoogle Waveでも用いられるということもあって、俄然注目を集め始めている。XMPPは既にJabberやGoogle Talkなどで使われており、多数の実装が存在する枯れた技術だ。それだけに情報量も多く、とても使いやすいだろう。Ajaxを使ってブラウザでJabberチャットが可能サ...

Setting cookies with jQuery jQueryでCookieの操作を超簡単に行える「jQuery Cookie plugin」。 このjQueryプラグインを使えば、Cookieさえ１行で簡単に設定できてしまいます。 以下のコードを使って、example というクッキーのキー...

自分なんぞがオブジェクト指向とはなんぞと語るなんておこがましく、「オブジェクトっぽい話」でいいかなーと思っていたのですが、ブックマークするときに「オブジェクト」でタグ付けてる人がいたので、これはいかんと思い、こっそりタイトルを直しました。2回目の今回は、複数のインスタンスをまとめて操作する方法につ...

ちょっとメモ的にエントリー。ジャバスクリプト（確かにカタカナで書くと変だｗ）のデバッグに使えるライブラリです。いわゆる変数のダンプをしてくれるというものですが、結果が見やすいのと、複雑なオブジェクトでもOKそうなのが魅力です。↑ たとえばこんな感じ。複雑なプログラムを書いているときに威力を発揮しそ...

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。Image Rotatorスタイリッシュな画像ギャラリー。GalleryViewインターフェイスが豊富な画像ギャラリー。Slidesho [...]

ちょっと調べ物をしたのでシェア。jQueryを使ってその場編集（Flickrとかで実装されているやつ）を実現するためのプラグイン＆チュートリアルです。jQuery Edit In Place (JEIP) || Joseph Scottプラグインですな。テキスト入力だけじゃなくて、selectなん...

JavaScriptrhino.jpg(幅:300px, 高さ:227px) を、 と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。Firefox, Safari, Google Chrome ならimage.naturalWidth と image....

※ 画面は公式サイトデモよりLingrの終了を受けて、という訳ではないだろうが最近Webチャットのシステムを良く見かける気がする。この手のプラットフォームとしてはIRCが最も軽量で使いやすいだろうが、Webベースであればもっとインタラクティブなものになる。Cometを使ったものではないが、JSON...

『 jQueryListjQueryのdemoが多い 』 by araishi

まぁ、よくあるまとめサイトなのですが、「長すぎっ！」と思ったのでいきおいでご紹介。jQuery Listはその名のとおり、jQueryのサンプルやプラグインをこれでもか！という具合に紹介しているサイトですね。↑ こんな感じでいろいろあります。↑ カテゴリーも充実。なんと1ページに全部まとめちゃって...

divで実装したパネルをページの上部から、スムーズなアニメーションでスライド表示させるスクリプト「Slide box」を紹介します。Slide box demo実装方法は簡単で、スクリプトとスタイルシートを外部ファイルで記述し、下記のスクリプトを記述するだけです。$(document).ready...

よく使うけど毎回忘れる。 正規表現にマッチするかどうか。RegExp#testを使う。/abc/.test("abcdefg") // => trueString#searchはマッチした位置を返す。マッチしない場合は-1。先頭にマッチすると0でfalseなので注意。真偽値が欲しい場合はStrin...

今見ているページに対して便利な処理がいろいろできるのがブックマークレットだ。そしてその便利なブックマークレットを全部一箇所に集めようぜ！という意欲的なプロジェクトがBookmarklet Directoryだ。今見ているページから広告を消す、今見ているページのページランクを調べるなどなど、小粋なツ...