[JS]ナビゲーション画像にアニメーションのエフェクトをつける -CSS Sprite2
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It's JavaScript Time demo 5 demo 6 CSS Spriteとは、スタイルシートで一枚の画像から複数箇所に配置をしたり、マウスオーバー時の画像指定を行うものです。 CSS Sprite2は、そのCSS Spriteにスクリプトを使用して、アニメーションのエフェクトつけたものです。 使用するスクリプトは、デモではjQueryが使用されていますが、PrototypeでもYUIなど他のスクリプトでも実装は可能です。 CSS Sprite2のベースとなっているのは、下記ページとのことです。
CodeZine：CometとAjaxを利用したチャットサーバの実装（）
はじめに 『簡単なHTTPサーバの自作』第5回目の今回は、クライアントとの通信に、ブラウザ自身によるリクエスト／レスポンスに加えてAjaxとCometを利用した簡単なチャットアプリケーションを実装します。 Webアプリケーションでチャットを実装する場合に考えなければならないのは、他の発言者のメッセージをどうやってブラウザへ反映させるかです。自分が発言する場合は、サーバへ対してメッセージが送信されます。従って応答データに現時点の発言を返せば済みます。しかし、この方法だけでは他の参加者の発言を発言時に読むことはできません。 この問題を解決する手段は複数あります。 次の図は最も原始的ですが、確実な『F5連打法』を図示したものです。 F5連打法では、ユーザーは最新の発言がありそうだと感じた時に［F5］を叩きます。するとブラウザが最新の情報をサーバへ取りに行くため、もし発言が更新されていればその情報
Javascript - 俺の基地
参考ページ Core JavaScript 1.5 Reference - MDC http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Reference JavaScript - Wikibooks http://ja.wikibooks.org/wiki/JavaScript 【コラム】そろそろきっちりJavaScript (1) "Firebug"の導入〜関数リテラルとは? | エンタープライズ | マイコミジャーナル http://journal.mycom.co.jp/column/js/001/index.html a/PHPerの為のJavaScript解説 - PukiWiki http://kjirou.sakura.ne.jp/wiki_mirror/index.php?a%2FPHPer%A4%C
[JS]簡単に画像表示のエフェクトを変更できるスクリプト
Image Transition Managerは、画像表示のエフェクトをHTML箇所に指定するだけで、変更できるスクリプトです。 Image Transition Manager デモページ 現在、実装されているエフェクトは、「switchoff」「slidedown」「blinddown」「slideright」「appear」「switch」「blinddown」「grow」「shrink」の９種類です。 Image Transition Managerを実装するには、「transition.js」を外部スクリプトとして使用し、その他に「prototype 1.5.1.1」と「script.aculo.us 1.7.3」が必要となります。
いろいろカスタマイズできるツールチップが作れる『Prototip』 | Recently Ajax
Home > ライブラリ > いろいろカスタマイズできるツールチップが作れる『Prototip』 Newer Older いろいろカスタマイズできるツールチップが作れる『Prototip』 ツールチップを作るライブラリは数々ありますが、このライブラリも便利そうです。 「Prototip」というこのライブラリは、ざっとあげるだけでも次のようなツールチップを作ることができます。 HTMLを表示する エフェクトともに表示する クリックして表示させる 閉じるボタンを設置する リンクを設置する かなりいろいろなことができます。さらに、見た目をCSSで制御できたり、スクリプトでツールチップの内容を変えたり等々、使いやすそう。 使い方はライブラリを読み込んで、画像をコピーし、次のようなスクリプトを1行書き込むだけ。 new Tip('【ターゲットのID属性】', '【内容など】'); 使ってみましょう
Jaxer+prototype.jsでちょっと本格："JavaScriptだけ"でここまでできる - builder by ZDNet Japan
クラウド導入が進まない本当の課題 ITベンダーだからこそ知っている クラウドに二の足を踏む企業のボトルネック すぐに実践できる仕事効率アップ術 驚きの効果をもたらす外付けディスプレイ なんと最大50％の業務効率アップも！ いま求められるID管理：前編 有名コンサルが一堂に会し語り合う いま必要なサイバーガバナンスのありかた サステナビリティの今と未来 企業戦略としてのサスティナビリティ推進 世界の通信インフラを支えるコルトの取組み 50年の経験を持つアイネットが提供 ユーザー企業の使いやすさを第一に考えた ワンストップで使えるマネージドクラウド 最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ サービス
【連載】いまからはじめるPrototype.js (1) Prototype.jsの概要と$で始まるメソッド | エンタープライズ | マイコミジャーナル
Prototype.jsとはなにか Prototype.jsは、Sam Stephenson氏を中心とするチームによって開発されているAjax対応JavaScriptライブラリだ。単体でもAjaxian.comの2006年と2007年の調査で最もよく知られたAjaxフレームワークに選ばれるほどの人気を得ているが、実はWebアプリケーション・フレームワークRuby on Railsのプロジェクトで開発されているプロダクトであり、同フレームワークに同梱されているため、Ruby on Rails経由で使用されるケースも多い。 ライブラリはMITライセンスで公開され、ドキュメントはクリエイティブ・コモンズ(Creative Commons)ライセンスのAttribution-Share Alike 3.0で公開されている。詳細はライセンスのページで確認していただきたい。 これから6回にわたって、こ
特集：prototype.jsを読み解く｜gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
XPath は jQuery や Prototype.js と競合する技術ではなく、むしろ共存する技術です - IT戦記
昨日のエントリのブクマやコメントで jQuery からの移行がめんどう 時代は jQuery のようなコメントがありました。 これらのコメントから おそらく、「XPath が jQuery や YUI、Prototype.js、Dojo、MochiKit などの汎用 JS ライブラリと競合する」と思ってる方が多いのかなと思いました。 結論 XPath は汎用 JS ライブラリとは競合する技術ではなく、共存する技術だと僕は考えています。 理由 汎用的な JS のライブラリには、大きく以下のような機能があります。 DOM ツリー上の要素やノードを取得する DOM に新しい要素やノード、属性、プロパティ、イベントなどを追加する その他、クロスブラウザとか それに対して XPath が提供するのは DOM ツリー上の要素やノードを取得する というシンプルな機能だけです。 つまり、 XPath は汎
Ext JSとprototype.jsで作るリッチなUI（1/4） ─ ＠IT
Ext JSとprototype.jsで作るリッチなUI：パターンとライブラリで作るAjaxおいしいレシピ（3）（1/4 ページ） 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ（フレームワーク）です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム（拡大表示はこちら、※注意1：FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし
Prototype 1.6.0&script.aculo.us 1.8.0がリリース
Prototype 1.6.0とscript.aculo.us 1.8.0が、リリースしました。 Prototype 1.6.0, script.aculo.us 1.8.0, and the Bungee book now available script.aculo.us 1.8, Prototype 1.6 and the Book released! Prototype 1.6.0は、バグフィックス・パフォーマンス改善の他に、多くの機能の拡張が行われています。 script.aculo.us 1.8.0はprototype 1.6.0で動作し、バグフィックス・パフォーマンス改善の他に、新しくTweenエフェクトを取り入れ、既存の機能にも拡張が行われています。 ダウンロードは、それぞれ下記より行えます。 Prototype 1.6.0: Download script.aculo.u
[JS]画像に3Dの鏡面効果を与えるスクリプト -reflection.js
3d image reflection with javascript reflection.jsの動作には、prototype.jsとscriptaculous.jsが必要で、外部スクリプトとして使用します。 デモ：背景白 デモ：背景黒 鏡面効果を与える画像のコードは、下記のように記述します。 画像箇所 <div id="holder"> <img src="image.jpg" /> </div> トリガー <script type="text/javascript"> new Reflect3D('holder'); </script>
prototype.jsでYouTubeをインクリメンタルサーチ （1/3） ─ ＠IT
prototype.jsでYouTubeをインクリメンタルサーチ：パターンとライブラリで作るAjaxおいしいレシピ（2）（1/3 ページ） 今回のサンプルはYouTubeの新APIを使う 2007年8月28日からGData（Google Data APIs）の仕様に基づいたYouTubeの新しいWeb APIであるGData YouTube APIが利用できるようになりました。これに伴って、以前のYouTube APIではサポートされていなかったJSONP（前回記事参照）による動画の検索ができるようになりましたので、今回のサンプルでは、この新APIを使ってJavaScriptから直接YouTubeの動画を検索させます。 Ajaxデザインパターンは「Live Searchパターン」などを使用 検索方法は、通常の「キーワード」を入力してから「検索ボタン」を押すタイプではなく、一文字一文字入力す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ajax を適用したライトボックス
桝原翔市の日常: "まったく"知らない人のためのAjaxさわりだけまとめ
[JS]ボックスのレイアウトを立体的にするスクリプト -GlassBox
Delta138 >>> Go Past Beyond Online Gaming Meta World
http://lordtottuu.com/
[JS]15種類のツールチップが実装できるスクリプト -Prototip
[JS]モーションとサウンドが快適なスライドショー -Couloir Slideshow