Prototype.jsを用いたUIライブラリ·Prototype UI MOONGIFT
Webアプリケーションを構築する上で、優れた操作性をもったUIは欠かすことができない。まるでデスクトップアプリケーションのようなインタフェースを持ったソフトウェアが数多く存在している。 Prototype.jsを使ったUIライブラリ そんなUIを構築するライブラリは数多いが、そのためだけのツールが多く、柔軟性にかけるものが多い。そこで優れたJavaScriptライブラリであるPrototype.jsをベースにしたPrototype UIを使ってみよう。 Prototype UIはPrototype.jsとScript.aculo.usを使ってWebアプリケーションにふさわしいインタフェースを提供してくれるJavaScriptライブラリだ。 Prototype.jsがベースという点において好き嫌いが分かれる所かもしれない。とは言え、Railsで標準で組み込まれていることもあり、利用されている
Google、SSL版jQuery、Prototype、MooTools、Dojo高速配布実現 | エンタープライズ | マイコミジャーナル
The AJAX Libraries API Googleは5月27日(米国時間)、Ajaxライブラリの配布サービスThe AJAX Libraries APIを開始すると発表した。これはGoogleのサイトでjQuery、Prototype、script.aculo.us、MooTools、Dojoなどのライブラリを配布するサービス。ミニファイされたライブラリをGoogle CDNを使って高速に配信するというもので、バージョン指定にワイルドカードも使えることから自動的にバージョンアップの適用もできるという特徴もある。 The AJAX Libraries APIの登場は多くのWebアプリケーションデベロッパに好意的に受け止められたが、ほかのGoogleサービスのいくつかがそうであるようにHTTPSを使った通信に対応していないところが非難されてきた。電子商取引サイトなどではThe AJAX
[JS]ソートできるテーブルを実装するスクリプト10選 | コリス
単独使用のものから、jQueryなどのライブラリ併用まで、数値や文字・画像をソートできるテーブルを実装するスクリプト10選です。
Prototype.js、YUI等コアライブラリを選択できかつ、多機能LightBox「Shadowbox.js」:phpspot開発日誌
Prototype.js、YUI等コアライブラリを選択できかつ、多機能LightBox「Shadowbox.js」 2008年01月29日- Shadowbox.initShadowbox.js Media Viewer Shadowbox is a cross-browser, cross-platform, cleanly-coded and fully-documented media viewer application written entirely in JavaScript. Prototype.js、YUI等コアライブラリを選択できかつ、多機能LightBox「Shadowbox.js」。 YUI, Ext, Prototype.js, jQuery, Mootools, Dojo などをコアライブラリとして使用できます。 LightBox は prototype.js
Prototype、jQuery、Mootools、YUI、Dojoが人気、Ajaxian調査 | エンタープライズ | マイコミジャーナル
Ajaxianは17日(米国時間)、3度目の調査結果となる「2007 Ajax Tools Usage Survey Results」を発表した。2007 Ajax Tools Usage SurveyはAjaxian.comのユーザを対象に実施された調査で、Ajaxツールの採用状況を調べるもの。同調査結果によるとPrototypeが34.10%、jQueryが29.30%、Extが22.50%、Script.aculo.usが22.30%、Mootoolsが14.30%、YUIが13.00%、Dojoが11.90%となっている。 2007 Ajax Tools Usage Survey Results - Ajaxian.comより抜粋 この2年間でAjaxフレームワークやツールの数は倍増した。過去の調査結果では直接JavaScriptを使ってAjax機能を使っているという割合が多かった
MOONGIFT: » prototype.jsベースのカレンダー「protocalendar.js」:オープンソースを毎日紹介
よく、誕生日の入力などでドロップダウンリストから選ばせるものがあるが、あれほど入力が面倒なものはないと思っている。テキストボックスにそのまま数字で入れた方がよっぽども手軽だ。 とは言え、入力チェックやユーザビリティを考えるとそれもお勧めはできない。手軽で、さらに正確な入力が促せる方法としてこれをお勧めしたい。 今回紹介するオープンソース・ソフトウェアはprotocalendar.js、prototype.jsベースのカレンダー入力ライブラリだ。 protocalendar.jsはテキストボックスにフォーカスが当たるとカレンダーが表示されるライブラリだ。良くあるものだが、prototype.jsベースなのと、何より日本製というのが特徴だ。 日本製の嬉しい点としては、休日に対応している点だろう。ハッピーマンデーにも対応しているので、数年後の休日も表示されるのが素晴らしい。 さらに多言語対応によ
prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」:phpspot開発日誌
JSValidate prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」。 prototype.js と script.aculo.usベースになっています。 submitボタン押下時に、値が正しくないと、インプットの右側に赤文字でエラーメッセージがフェードインします。 JSValidateを使った実際のデモページはこちら 関連エントリ PHPでフォームの値をリアルタイムチェック「LiveValidationPHP」 JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」:phpspot開発日誌
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」 2007年08月31日- var portal = new Xilinus.Portal("#page div")Xilinus : Prototype Portal Class I have always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, I decided to write my own Class. Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」。 Xilinus を使って、次のような、ドラッグ＆ドロ
MOONGIFT: » prototypeベースのJavaScriptコンテクストメニュー「Proto.Menu」:オープンソースを毎日紹介
Webサイトで使われるJavaScriptのイフェクトで、コンテクストメニュー（右クリックメニュー）の自作というのがある。意外と作りこみが面倒だったり、マルチブラウザへの対応が心配で敬遠されがちだ。 だが、Firefox 1.5以上、IE6以上、Safari3以上、Opera9以上に対応しているとなれば、使う気にもなるかも知れない。 今回紹介するフリーウェアはProto.Menu、prototypeをベースにしたJavaScriptコンテクストメニューライブラリだ。JavaScriptなのでソースは公開されているがライセンスは明記されていなかったのでご注意いただきたい。 Proto.Menuはprototype.js 1.6.0 RC0以降を必要とする、わずか1.5KBのライブラリだ（ミニ版の場合）。それだけで簡単にWebページ上でコンテクストメニューを実現してくれる。 テーマはCSSで作
prototype.jsで右クリックメニューを独自に作れるJSライブラリ「Proto.Menu」:phpspot開発日誌
prototype.jsで右クリックメニューを独自に作れるJSライブラリ「Proto.Menu」 2007年08月27日- Proto.Menu :: prototype based context menu Proto.Menu is a simple and lightweight prototype-based solution for context menu functionality on your page prototype.jsで右クリックメニューを独自に作れるJSライブラリ「Proto.Menu」。 次のような独自の右クリックメニューを簡単に作ることが出来ます。 使い方は、必要なJavaScript/CSSファイルを読み込んだ後、次のようなコードを書くだけです。 // メニューを定義 var myLinks = [ {name: 'Back', callback: fu
Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」:phpspot開発日誌
Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」 2007年05月25日- Protoculous : Prototype & Scriptaculous lightweight ! Protoculous is a javascript file which contains Prototype and Scriptaculous together compressed. Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」。 Prototype1.5.1とScript.aculo.us1.7.1_beta をパックにしたパッケージ。 ノーマルのPrototype1.5.1 だけでも 93 KB もあるので、かなりのダイエットに成功しているようで
Prototype.jsベースのグラフィックス描画フレームワーク:phpspot開発日誌
Prototype Graphic Framework This open-source framework is developed for my new project NeoMeeting. Prototype.jsベースのグラフィックス描画フレームワークの紹介。 四角形、円形、多角形などを SVG/VML/Canvas の方式で描画することが出来ます。 コードは次のようにオブジェクト指向でシンプルに記述できます。(SVG描画の場合) // Create an SVG renderer var renderer = new SVGRenderer("whiteboard"); // Create a rectangle with some attributes like color and bounds var rect = new Graphic.Rectangle(rendere
prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」:phpspot開発日誌
prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」 2007年05月14日- Control.TextArea : Cross Browser TextArea Manipulation Decent, flexible WYSIWYG editing in the browser is still an inconsistent affair at best in terms of user experience, integration effort, and generated markup. prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」 利用にあたってのサンプルコードは次です。 textarea = new Control.TextArea('textarea_id');
超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応:phpspot開発日誌
Ext Documentation Centor 超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応。 以前、「Yahoo UI Libraryを拡張した超リッチなコンポーネント集」で紹介したリッチなコンポーネント集はYahoo UI Library 用のものでしたが、 なんと、prototype.js+script.aculo.usでも動作するようになりました。 尚、jQueryにも対応しているようです。 こうしたコンポーネントライブラリで、コアとなるライブラリを選択できるのはより多くの開発者が使えていいですね。 ライブラリだけではなく、テーマを切り替えることも出来て、自由度がいい感じです。 コアとなるライブラリを切り分ける、という、このライブラリ自体の設計部分にも注目したいですね。 コアライブラリの切り替え 画面内ウィンドウ データグリッド タブ風Ｕ
Prototype JavaScript framework: Easy Ajax and DOM manipulation for dynamic web applications
Weblog Prototype 1.7.3 The new bugfix release of Prototype features lots of tiny fixes and one giant change under the hood. A foundation for ambitious web applications. Prototype takes the complexity out of client-side web programming. Built to solve real-world problems, it adds useful extensions to the browser scripting environment and provides elegant APIs around the clumsy interfaces of Ajax an
ウノウラボ Unoh Labs: prototype.jsへの依存を無くす方法
komagataです。 Javascriptで何か書こうと思ったときにどのライブラリをベースにして作るかで非常に悩みます。一端特定のライブラリに依存してしまうと途中で変更するのが難しそうですし、コアオブジェクトを汚染しているものは混ぜると動かなくなる組み合わせもあります。 別に「Mochikitにしよう！」とか宣言して決めてしまえばいいじゃないかという意見もありますが、妙にそんなところが気にかかってなかなかプログラムを書き始められないことが多いです。 そこで、「どうしても使いたい関数はインライン化すればいいんじゃないか？」と思ったので試してみました。 どういうことかというと、例えばprototype.jsのObject.extendを使って以下のように書きたいところを・・・ var dst = {'foo':1, 'bar':2}; var src = {'foo':100}; var r
prototype.jsでクロスブラウザなWYSIWIGエディタ - AUSGANG SOFT
これは何？ prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 車輪の再発明もいいところなのですが、なるべくシンプルなWYSIWYGエディタライブラリが欲しくて作りました。 どんなもの？ ↓使ってみてください。RSSリーダーで購読されてる方は、こちらからご覧ください。 "コードを整える"のチェックをはずすとブラウザ本来のHTMLを出力します。 文字サイズの変更は、Firefoxのみ動作します。 基本コード サンプルはこちらからダウンロードできます。 まだ荒削りなので、実際に使えるかわかりませんけれど。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="crossedit
マウスホイールイベント取得用のprototype.js拡張サンプル:phpspot開発日誌
Mouse Wheel マウスホイールイベント取得用のprototype.js拡張サンプル。 標準のprototype.jsを使っても、マウスホイールイベントを簡単に取ることは出来ません。 ということで、prototype.js用の機能を拡張するJavaScriptコードのサンプルが公開されてます。 次のコードをwheel.jsなんかで保存してprototype.jsと一緒に読み込むと、Event.Observeにmousewheelが使えるようになります。 Object.extend(Event, { wheel:function (event){ var delta = 0; if (!event) event = window.event; if (event.wheelDelta) { delta = event.wheelDelta/120; if (window.opera)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Excel風の入力・表示が可能なデータグリッド実装が可能な「MyTableGrid」:phpspot開発日誌
http://youmos.com/news/livepipe.html