【ハウツー】クールなスライドショーもJavaScriptで簡単! - Smooth SlideShow Library (1) なにはともあれAjax? (MYCOMジャーナル)
"Ajaxian.com 2006 Survey Results" の調査結果や "The State of Web Development 2006/2007 (Results Preview)" の調査結果を見るに、今後のWebアプリケーション開発において採用する技術としてAjaxの活用は大きな流になりそうだ。Prototype、Script.aculo.us、Dojo、DWR、Moo.fxといったAjaxフレームワークをベースとして採用し、ここに各種パーツを追加したり、別途独自開発したりということが多い。 ここではPrototypeとMoo.fxをベースにして開発されてきたスライドショーライブラリ「Smooth SlideShow Library」を取りあげたい(注: 現在はmootoolsベース)。どの程度の工程で機能を実現できるのか参考になれば幸いである。
Ajax、それはWeb 2.0へと続く道 − ＠IT
dragfloatWindow.htmlをダウンロードし、ローカルのハードディスク上から開きます（注）。すると、ブラウザのウィンドウ内に別のドラッグ可能なWebブラウザが出現します。見た目が面白いので、ぜひ試してみてください。Internet Explorer限定です。 さて、このようなプログラムを紹介した理由は、見た目が面白いからというだけではありません。これは、ページの一部がWebブラウザとして機能し、ページに付加価値を付けるようなAjaxアプリケーションが成立する可能性を示しています。まだまだアッと驚くような面白いAjaxアプリケーションが生まれる可能性は大いにあります。 注：筆者が確認した時点では、以下の部分を訂正する必要がありました。 修正前： src="/js/prototype-1.3.1.js" 修正後： src="http://prototype.conio.net/di
Ajaxフォトアルバムのフェードイン画像フレームを作ろう ―＠IT
さてここから、実際にAjaxアプリケーションの制作に入っていきたい。まず今回は、フォトアルバムで画像を表示する際のフレームとなる部品を作る。サンプルを見てみよう。 リンクをクリックすると、まず写真風のフレームがフェードインで表示され、画像自体はロードが完了してからフェードインする。このサンプルではXMLHTTPRequestを使っていないが、イベントやローディングをJavaScriptで制御しながら、ユーザーにはそれを感じさせないなめらかなインターフェイスを与えるこのようなアプローチは、まさにAjaxの発想だ。 今回のサンプルを試してみるために、まずはPrototypeとscript.aculo.usのソースをダウンロードする必要がある。現在Prototypeは1.3.1、script.aculo.usは1.0が正式リリースされているが、本連載では開発バージョンであるPrototype 1
Comments: Behind the Scenes - Snook.ca
Wow. My comments system has been extremely well received. As a result, a few people have asked how I did it. Position fixed The system was originally intended to be CSS only using position:fixed on the div that contains Post a Comment. This is great for browsers that support it and pretty much useless for any browser that doesn't. There's one caveat on using fixed positioning that I'll get to late
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript かも日記: 【Ajax】Ajaxなバーチャルデスクトップ3個
[ajax]このくらいのtodoだと軽くておもしろい![[ajax]このくらいのtodoだと軽くておもしろい](https://cdn-ak-scissors.b.st-hatena.com/image/square/821ee015f10d89db894a2f3e5f93c474a8a2519e/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127018537287%2F17680117127026592142%2F1555113862)
