注目のAjax情報のポータル

滑らかにスライドするアニメーションが軽快なナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。Animated Navigation with CSS & jQuery demoデモでは背景の有無の2パターンで、どちらも滑らかにスライドするアニメーションが面白い効果を生み出...

RightJS RightJSと他ライブラリとの比較IE, Fx, Op, Safari, Chromeの各ブラウザでのパフォーマンスは、jQuery、Prototype、Mootoolsなどの主要なJavaScriptのライブラリと比較して、概ね高速なパフォーマンス結果となっています。デモではモ...

Make an Ajax Image Hosting Site With PHP and jQuery | Dev Words PHPとjQueryを使った簡単アップロード＆画像ホスティングの仕組みがソースコード付きで公開されています。 ファイルを選んで「Upload」ボタンをおします。 画像のU...

「デスクトップアプリケーション並みの美しいユーザーインターフェイスが作れる」と評判のJavaScript/Ajaxフレームワーク「Ext JS」の最新版、「Ext JS 3.0」が7月6日にリリースされました。「古籏一浩のJavaScriptラボ」第4回は、実際に簡単なサンプルを作りながらExt ...

Twitterをサイトに組み込むチュートリアル＆サンプル集。 当サイトにて、色々とTwitterの機能を実装する仕組みを色々と紹介しましたが、それらをまとめてみました。 JavaScript によるTwitterメッセージの埋め込み  Twitterのメッセージをページに載せられるJavaScri...

『 lightboxclone。FLVvideo/SWF/HTML/PDFなどをサポート。要mootools。 』 by sonesone

画像をはじめ、swf, flv. pdf. htmlなどを拡大表示するLightbox風のスクリプト「Bumpbox」をart Viperから紹介します。Bumpbox - lightbox alternative demoデモでは、それぞれのテキストリンクをクリックするとコンテンツが勢いよく拡大...

mbideasproject - Project Hosting on Google Code jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごいです。 以下、プロジェクトのホームページもOSっぽいインタフェース上でアニメーションしてかっこいいのですが、構成さ...

なんかかっこいい。 ただそれだけの理由で紹介します。 jQueryをつかって、フォームを上部に隠すっていう、いわゆる定番な動作なんですけど、その現れ方がなんだか面白かった。 jQuery動作のイメージは以下 ここの右上のタブをクリックすると・・・ ↓ ニョキっと現れます。 現れ方ははねるような感じ...

5年間Googleの技術部長を務めたMark Lucovskyが、このたびVMwareに移籍するそうだ。LucovskyはGoogleのAPI、とりわけSearch API（検索API）の中心的人物だった。Lucovskyは、最初はDEC、それからMicrosoftに16年在籍した。最後にはMic...

自分的HTMLテンプレートの組み方と例です。 まぁ、やるたびにちょこちょこ変えてるんですけど、2009年7月版ってことでざっくり説明。空テンプレモジュール一覧サンプルダウンロード用エリアとモジュール繰り返し使用される要素の塊をモジュールと呼び、エリアの中にこれを並べてページを作成するのを基本とする...

jQPie (Jquery PHP interface extension) JavaScriptからPHPの関数を呼び出せるインタフェース提供ライブラリ「jQPie」。 <a>のonclickイベントからPHPの関数をキックするという仕組みが簡単に実装できます。 PHP関数の返り値を alert...

スムーズに伸び縮みするサイドバー用タブメニュー「jQuery Sidebar Sliding Tab Menu Tutorial」限りあるWEBのスペースを有効に利用できるタブメニューは非常に便利で実用的です。その使い勝手の良さから、大手のWEBサイトなどでも良く見かけますが、今回紹介する「jQu...

ウェブデザインにいつもと違うアイデアを入れてみるための10のTipsをWeb Designer Depotから紹介します。10 Web Design Rules That You Can Break下記、各ポイントをピックアップしてお届けします。はじめに1. 水平方向のスクロールバーを表示しない2...

20:53 | 私は動的なページを作ってみたいと思いJavaScriptを学び始めた。 今までこうとしか書けないと思っていたモノが、他の言語では別の方法で書け、その表現のおかけでパワフルなプログラミングができるといった話がかなり好きなので、始めはJavaScriptの文法ばかりを勉強していた。 と...

jQuery Blend demoデモではCSSのみの動作と比較して、ふわっと光るように背景色が変更するエフェクト、ループモード、リバースモードが楽しめます。実装方法は簡単で、背景の変更はスタイルシートで行い、jQueryとBlendを外部ファイルとして下記のスクリプトを記述します。$(docum...

札幌でホームページ制作をする社会人ハムの勉強ブログ。 JavaScriptやjQuery、XHTMLやCSS、その他思ったことなどについてなどを気ままに書きます。jQueryのpluginなども公開中。jQueryplugin自作pluginJavaScript(X)HTMLCSSSEO日記プロフ...

ホバー時に浮かぶエフェクトがとってもリアルなスクリプトをAdrian Pelletierから紹介します。Create a Realistic Hover Effect With jQuery demoデモはReflection（鏡面反射）とShadow（影）の二種類があり、それぞれホバーして浮かん...

GTD , Webツール , 仕事術Zohoがプロジェクトマネジメントツール「Zoho Projects」をリリース（動画あり）掲載日時：2009.07.03 23:30  コメント [0], トラックバック [0]日常のコミュニケーションはメール、チーム単位のタスク管理はExcelシート、チャッ...

リストの表示をリアルタイムに、二列にしたり折りたたんだりと変更するスクリプトをJanko At Warp Speedから紹介します。demo: 折りたたみリストのカラーやサイズなどのデザインはスタイルシートで指定を行い、表示変更はjQueryをベースに下記のスクリプトを記述します。二列版$("#f...

6月19日、Googleマップ日本語版に「ルート案内API」が追加されました。ルート案内APIを使うと、設定した出発地から目的地までの経路を地図上に簡単に表示できます。たとえば、企業のWebサイトに最寄駅から自社までの道案内を掲載したり、観光名所を巡るツアーガイドのサイトを作ったりと、さまざまな利...

Silverback Giveaway一見、背景画像をCSSかJavaScriptで配置したように見えますが、CSSで普通に配置されたソリューションです。テキストやリストが画像に重ならないように、marginを設定します。HTMLContest Details...the introductory...

20 Ready to Use Auto Completion Scripts ?|?Dzine Blog JavaScriptを使ったAutoCompleteの仕組み色々がまとまっていたので一部ご紹介。 当サイトでも過去に紹介したものが含まれていますが、こうしたライブラリは実際に使ってみると自分...

POPで商品をオススメしよう！

Twitterのメッセージ表示などができるPHP＆AJAXなブログパーツ実装が可能な「Ptwix」2009年07月06日Ptwix - PHP/AJAX web component for show tweets on a web page Twitterのメッセージ表示などができるPHP＆AJA...

社内の情報共有を行う手法は幾つかある。例えばIRCで行うところもあれば、Twitterで共有なんて会社もある。もう一つの手段としてWebチャットを使ってみるのはどうだろう。手軽に使えて、かつ社内だけで限定的にチャットすることができる。Webブラウザさえあればすぐに始められるチャットシステムチャット...

jQueryを使ったzebraTable.jsというテーブルをゼブラ（ストライプ）模様にできるJavaScriptライブラリを公開しました。セル部分をホバーするとハイライトの効果もあります。MITライセンスで公開しています。デモページはコチラから使い方は、HTMLのhead要素に下記のようにzeb...

今回は「Silverlight vs. jQuery＋ASP.NET AJAX」と題し、.NET系のRIA（リッチ・インターネット・アプリ）テクノロジの大本命として注目される「Silverlight」、そしてWebをリッチにする技術としてGoogle Mapsに始まりWeb世界で広く活用されている...