Sometimes, when we are building websites and web applications, we need a percentage bar / progress bar to show the progress of a specific task. However, it is very difficult to find a working and easy solution without using Flash. Therefore WebAppers has created a simple Javascript based Percentage Bar / Progress Bar which is inspired by Bare Naked App. Bare Naked App taught us how to display Perc
（2007.7.20 記事更新） 誰かがそろそろExtについて詳しい事を書いてくれるのではとか、甘い期待をしていたけど、ぜんぜん出てこないって事は人気がないって事なんでしょうか。 でもこれ、相当すごいものだと思うんです。 例えば、このページ（hello worldをクリック）だけをとっても良い動きをしてくれるのが確認できると思います。 なので今回はJavaスプリクト＋Ajaxなオープンソース『Ext』をご紹介しておきます。 概要 非常に簡単なコードで、高度な動作を要求することが出来る。 それがJavaScriptフレームワーク『Ext』です。 フレームワークについてはウィキ等で見てもらえればわかると思いますが、私の絵心のない簡略図でよければ、以下のようなイメージがフレームワークですね。 基本的に商用は有料。 個人利用や、企業内でも、閉鎖されたネットワークでの使用はOKだそうです。 ライセン
MiniAjax.com / A showroom of nice looking simple downloadable DHTML and AJAX scripts Ajaxライブラリまとめサイト「MiniAjax」。 有用JavaScriptライブラリのリンク集ですが、チョイスがよくて、AjaxやDHTMLにて出来ることが一通りまとまっている感じです。 ライブラリをお探しの方は、JavaScriptist の「ライブラリ活用編 - JavaScriptist」なんかも参考にして頂けるかと思います。
小粋なDHTMLとAJAXのスクリプトが36種類！『miniAjax.com』 February 27, 2007 3:39 PM written by Gen Taguchi これは覚えておくとちょっと便利そう。 miniAjaxではちょっと小粋なインターフェースをつくるためのDTMLやAjaxを紹介しています。 » MiniAjax.com / A showroom of nice looking simple downloadable DHTML and AJAX scripts 提供されているのは今のところ36種類。 タブでのナビゲーションを実現したり、インラインでの編集を可能にしたり、☆での評価ができたり、先進的なウェブでよく見るインターフェースばかりですね。 ただ、このサイトがすべて準備したわけではなくて、それぞれ他のサイトへのリンクになっています。 おっと、リンク集かよ・・・
AjaxやJavaScriptのライブラリー AjaxやJavaScriptのライブラリー集 汎用ライブラリー Prototypejs 言わずと知れた最も汎用性の高いJavaScript Framework 【参考エントリー】 prototype.jsを使ってみる 3 prototype.jsを使ってみる 2 prototype.jsを使ってみる 1 jquery 9KBという軽量さで高速なJavaScriptライブラリ。MITライセンス Yahoo! UI Library Yahoo全般で使われているJavaScriptやCSSをまとめたBSDライセンスで使えます。 Spry framework for Ajax Adobeがリリースしたjsライブラリ。DWの標準JavaScriptエンジンでもあります。BSDライセンス 画像表示系ライブラリ Lightbox JS V2.0 スライドシ
AJAX calls do not cover updates from the server, which are needed for the modern real-time and collaborative web. PubSub (as in “publish and subscribe”) is an established messaging pattern that achieves this. In this article, Alexander Gödde will look at precisely how PubSub solves the updating problem, and he’ll look at one particular solution (the WAMP protocol) that integrates both the calling
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
2006-11-20T14:20:42+09:00 追記 「何者か」に攻撃を受けて、このページの内容が差し変わっていました。あわててバックアップファイルから復旧しました（「何者か」 = 酒……）。 prototype.jsを10KBにする方法の続き（.htaccessをスマートに使う） : 亜細亜ノ蛾 に続きを書きました。合わせてどうぞ。 JavaScript ファイルを圧縮する 正真正銘、Prototype（“prototype-1.4.0.js”）を10キロバイト（10,453 bytes）に圧縮して、しかも（当たり前ながら）動作するようにする方法です。 ──と聞いて真っ先に思い浮かぶのが「各種JavaScriptファイル圧縮サービス」、という人も多いでしょう。 しかし、自分が試してみたところ、例えば/packer/で圧縮したJavaScriptファイルは上手く動作しませんでした（他は
Smashing Magazine Blog Archive Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby… Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめが紹介されてます。 チートシートって印刷して貼っておくとほんとに便利でお世話になってます。 Ajax関連 What’s Ajax? Cheat Sheet - PDF Prototype Dissected - Cheat Sheet PNG scriptaculous Combination Effects - Cheat Sheet - PDF Apache関連 Apache Cheat Sheet Apache 1.3 Quick Reference Card - free quick reference cards - PDF htacc
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"
Ajax dynamic pages pages Ajaxで同一ページ内でページ送りを実現する「Ajax scrolling pages」。 デモページの「Next Page」を押すと、ずずずっと次のページがスクロールでアニメーションされ表示されます。 更に「Next Page」で、どんどんページ内でページ送りが出来ます。 いちいちページ遷移が行われることなく、スムーズに次のページに移動できる上、ページを戻るのも高速です。 設置は、次の手順で行います。 必要なJavaScriptファイル読み込み スクロール領域のDIVを定義 JavaScriptコード定義。DHTMLgoodies_scrollingPagesを初期化 配布パッケージをダウンロードしてカスタマイズすれば容易に使えるでしょう。
Lingr - Say it! Ajaxベースのオンラインチャットコミュニティ『Lingr』。 軽快なオンラインチャットを楽しむことが出来ます。 沢山あるルームをキーワード検索やタグ検索でき、まさにweb2.0なチャットコミュニティという感じですね。 アカウントを作成するとチャットルームを作成することが可能で、タグを付けて分類することが出来ます。 ナビゲーションやチャットルームのインタフェースもよく考えられている上にAjaxベースで軽快に動作し、よく考えられているインタフェースになっています。 WEB開発者の人はユーザインタフェース作成時の良い参考にできそうなサイトですね。 ＵＴＦ−８で日本語も当然通り、日本語のタグのルームもいくつかオープンされてるようです。 関連エントリ ユーザビリティが凄く良いWeb2.0風な音楽共有サイト:ZapZap
Presentation Creation, Management and Sharing: Empressr by Fusebox Ajax＆Flashを使ったオンラインのプレゼンテーション作成ツール『EMPRESSR』。 インタフェースはFlashベースでPowerPointを操作するように簡単にプレゼンテーションを作ることが出来ます。 作ったプレゼンテーションの共有なんかも出来てWeb2.0的な側面もあります。 「オンラインでブラウザだけ」は、やっぱり便利です。 その他のオンラインプレゼンテーションツール Thumbstacks.com （ThumbStacks紹介) Zoho Show
ＱＰＯＮのJavaScript作品ソース集 ソースメニュー 利用条件 ビルダーで利用 利用作品集 アクセス状況 掲示板 戻る
色を変えたり、どこを拡大表示するかを変更できたり、なかなか楽しい。 Flashでできた元素周期表 AJAXでできた元素周期表 Flashの方はものすごく細かくカスタマイズ可能。AJAXの方は表示の切り替えが可能。 実用性はどれぐらいあるのでしょうか……
先月5月11日、米アドビシステムズが発表したAjaxフレームワーク「Spry」は、最低限のプログラミングでAjaxスタイルのWebページ構築を可能にする、Webデザインフレームワークだ。今回は数あるJavaScriptライブラリの中でもユニークなフレームワークであるSpryを紹介し、実際にSpryを使ったサンプルを解説しながらその機能を探っていきたい。 ■Spry framework for Ajax Ajaxが騒がれた昨年から今年にかけて、Ajaxアプリケーション開発のためのJavaScriptライブラリ、フレームワーク、開発環境などの開発が盛んだ。多くのオープンソースコミュニティがライブラリやフレームワークを公開しており、「Prototype」や「script.aculo.us」といったライブラリはすでにメジャーな位置を占めて多くのアプリケーションで採用されている。 また、いくつかの企
30 Boxes Launches Webtop Serviceというエントリーより。 Webtop service – an Ajax Mac OS-X style deskop tool that gives you instant access to your 30 Boxes Calendar, Gmail, Flickr and other web sites and services that you choose to integrate. TechCrunchで、30 Boxesにカレンダー、Gmail、Flickrなどのサービスを統合することができる「Webtop」というサービスが提供されたことが紹介されていました。 実際の画面はこのような感じです。 Ajaxで実現されたデスクトップ風のサービスですね。 最近は「YouOS」「StartForce」など、何かとデスクトップ
我的春秋: 関連エントリー 2006-06-11: 振る舞い分離 JavaScript ライブラリ一覧（途中） 2006-06-10: 続 JavaScript ソースが HTML から消える日 2006-01-05: JavaScript ソースが HTML から消える日 lib. behaviour.js （v1.1） getElements BySelector cssQuery() jQuery prototype.js （v1.5+） 対応ブラウザ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く