amix.dk : RND - fast and simple JS template system As web applications get more dynamic and complex, it's crucial to know what's the fastest way to render content. I have done some research and I am gladly sharing it with you. 高速&シンプルなJavascriptテンプレートシステム『RND』の紹介。 Ajaxなどを駆使して動的にWebアプリケーションのHTMLを書き換える手法は、最近のWebアプリのトレンドとなっています。 動的にWebアプリケーションのHTMLを書き換える方法としては次があります。 これらの方法のそれぞれのベンチマークを取ると、 document.
NING uses cookies to ensure the best user experience on the website and guarantee its flawless performance. By continuing to use this website, you agree to the use of cookies. Click here for details or close this window. Currently we are thoroughly watching over the situation in Ukraine and trying to support the brave and unstoppable spirit of Ukrainian nation in fight against Russian invasion by
オーバーレイ効果を作り出す「Lightbox」というスクリプトの超軽量版です。 実際の例やダウンロードは以下から。 Litebox- Same great taste, less calories http://www.doknowevil.net/litebox/ 上記ページの画像をクリックするとどういう効果なのかがよく分かります。 Liteboxで使われているのがこの「moo.fx」という軽量なJavaScriptエフェクトライブラリ。 moo.fx - the next small thing http://moofx.mad4milk.net/ また、類似品としてはこんなのもあります。 GIGAZINE - オーバーレイ効果を作り出す軽量スクリプト「iBox」
ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
Yahoo! UI Libraryが公開されています。Javascriptのライブラリがいぱーい http://developer.yahoo.net/yui/ どれ、せっかく今やってる勉強とかぶってるから、ちょびちょび訳してサンプルを作って見ようかな。雰囲気掴めればいいや程度のアバウトな訳です。的確に訳すのは難しそう Getting Started Licensing Download Components Yahoo! User Interface Library The Yahoo! User Interface Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって? AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
Cheat Sheets for the YUI Utilities 実Yahoo! User Interface Blog Comprehensive documentation for the YUI Library is found online at the YUI section of the Yahoo! Developer Connection website. Yahoo! UI Library公式ブログで各種チートシートが公開されています。 ダウンロード後、パッケージを解凍すると次のように5つのPDFファイルが確認できます。 中身は、次のようになっていて、使い方も簡単に牽けます。 覚えている最中とかに手元に印刷しておくと、パッと牽けて効率がよさそうですね。 関連エントリ ・YUIライブラリ追加コンポーネント集 ・Yahoo!が提供するレイアウト用CSSライブラリ ・Yah
タスクボタンのマウスオーバーでタスクの縮小画像を表示「Visual Task Ti... 次の記事 ≫:Ajax+PHP+Smarty+script.aculo.usなデータグリッドコンポーネント Gallery scripts - A library of DHTML and AJAX scripts - DHTMLgoodies.com Another Image gallery script. Thumnbails are listed inside a box at the left. You can click on the thumbnails to bring up a larger version in a right side panel. You can move between strip of thumbnails by clicking on left and r
Yahoo! UI Library の YAHOO.widget.Tooltip オブジェクトのツールチップ機能と、 Simple API のサムネイル画像取得サービスを組み合わせて、 マウスオーバーでリンク先サイトのサムネイル表示を行うデモです。 Yahoo! JAPAN PC Watch asahi.com Yahoo! UI Library: Tooltip kawa.net xp ゆうすけブログ Flickr: Photos from Yusuke,SF 上記リンク部分にマウスカーソルを乗せると、サムネイルを表示します。 ソースコード 短いです。YUI と SimpleAPI に感謝! <script type="text/javascript" src="js/yahoo.js"></script> <script type="text/javascript" src="js/e
AJAX Remote Desktop Viewer I have developed a quick proof of concept, showing that an AJAX enabled webpage can render a remote desktop over a single HTTP socket. AJAXでリモートホストのデスクトップを表示するJavaのプログラムの紹介。 ここで公開されている .jar ファイルを実行しておけば、リモートデスクトップサーバになり、クライアントからはそのマシンのipかマシン名でアクセスできます。 ブラウザのみで動くということでなかなか面白そうですね。 javaですが、ソースコードも公開されているようです。
今回はRuby on Rails(以下、Rails)を用いてAjaxアプリケーションを作成します。まずはAjaxについて、簡単におさらいしましょう。 ご存知の通りここ1年余りAjaxは多くのメディアで取り上げられ、注目が集まっています。Ajaxは「Asynchronous JavaScript + XML」の略称で、その名の通りXMLとJavaScriptを用いた非同期通信技術のことです。 Ajaxを用いることでサーバアクセスをバックグラウンド化することができ、シングルページでアプリケーションを作成することができます。「サーバアクセス=画面全体更新」であった従来のWebシステムに比べて、効率的でユーザビリティの高いシステムを実現する手法として注目されています。 また現在ではXMLの利用や通信の発生がなくても、JavaScriptを用いてリッチなUIを実現していればAjaxと呼ばれるようにな
Solutoire.com - Ajax Resources 便利なAjaxリソースへのリンク集。 JavaScript 初級/中級向けリンク、デバッグ&テスト、エディタ、ヘルプ、Ajaxの基本〜サンプル集、チュートリアル、Ajax関連ニュース、Ajaxフレームワーク〜フレームワークのリファレンスへのリンクと、豊富にリンクしたサイト。 全て英語サイトへのリンクになってますが、これは便利なサイトですね。
[2006-06-10 付記]このエントリーは、2006-01-05 時点のもので情報が古くなってます。現時点で把握している最新情報を「続 JavaScript ソースが HTML から消える日」にアップしましたので、あわせてご参照ください。 Behaviour.js ― JavaScript ソースを (X)HTML から完全分離できるライブラリ 昨日、職場の同僚の人がたまたま見つけた JavaScript ライブラリを教えていただたんですけど、これがもうびっくり!なんと、このライブラリがあれば、イベントハンドラーも含めて JavaScript ソースが (X)HTML の body 内から、ほぼ完全に分離できてしまいます! しかも、HTML 内で JavaScript 関数を適用する場所は、なんと JavaScript ソース内に CSS セレクタを書き込むことで指定!あまり日本では取
HATENA-TUBEで使っている、jQueryというjsフレームワークが楽しすぎる件について。 jQueryは、ちょっとダーティだけどスゴイお手軽に、色々なことができるステキライブラリっす。小さい実験でのプロダクティビティはもうprototype.jsの100倍ぐらいスゴイっす。 色々実験中なのでそのメモ。 まず、最新版を右クリックから保存して適当なフォルダに入れる。 まず、jQueryではdobument.body.onloadに相当する部分が、ちょっと独特なのでおまじないのつもりで以下のように書きます。 初期化 $(document).onready( function(){ //ここに初期化系の処理 }) で、jQueryもプロトタイプみたいに$()関数を多様するのだけど、その強力さが半端ありません。例えば、ノードの一括定義とかができちゃいます。 全ての<p>ノードの中身を”Hel
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く