WebTeckerのエントリーから、jQueryやPrototypeやMooToolsなどライブラリを使用するものや、単独で動作するアコーディオンのスクリプトを紹介します。 Great Accordion Scripts
WebTeckerのエントリーから、jQueryやPrototypeやMooToolsなどライブラリを使用するものや、単独で動作するアコーディオンのスクリプトを紹介します。 Great Accordion Scripts
GoogleからGoogle AJAX APIを拡張する新しいサービス「The AJAX Libraries API」が公開された。The AJAX Libraries APIはGoogleのサイトで人気のある有益なJavaScriptライブラリを提供しようというもの。これまでYUIであればYahoo!、DojoであればAOLなどが同類のサービスを提供していたが、特定のJavaScriptライブラリに限定することなく有益であれば配布に追加するというポリシーをもっている点が新しい。 JavaScriptライブラリを活用するタイプのWebアプリケーションは数多くある。結果として、何度も似たようなJavaScriptライブラリをダウンロードしていることになり、このままいけば今後ライブラリ自体のサイズの巨大化や多くのサービスの登場でライブラリダウンロード総量は増加することになる。 The AJAX
twitter facebook hatena google pocket 現在JavaScriptライブラリは数多くリリースされていますが、それらのさきがけとなったのは「prototype」でした。 またNASAのサイトでも使用されているように、その実力は広く認められています。 今回はprototypeの価値を見直し、勉強できるサイトを紹介します。 sponsors Reference ・prototype.js リファレンス(v1.4.0,1.5.x,1.6.0) ・prototype.js の開発者向けメモ:(v1.5.0) ・prototype.jsリファレンス HowTo / Review ・第1回:Prototypeライブラリの内部 ・いまからはじめるPrototype.js ・第1回:Prototype.jsを使う準備 ・Prototype.jsとは何か ・Prototype
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パターン」などを使用 検索方法は、通常の「キーワード」を入力してから「検索ボタン」を押すタイプではなく、一文字一文字入力す
超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」 2007年09月04日- Script.aculo.us Samplr Script.aculo.us is a cool library for effects. 超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」。 script.aculo.usを駆使した使えそうなウィジェットが多数公開されています。 Cash Register - 料金表示をアニメーション表示 Div Swap - DIV 部分をスライド風に切り替え iPhoto Resize - スライダーで写真リサイズ News Ticker - ニュースティッカー Select box
他のライブラリや、自分のコードと共存させるときは、これらの名前と衝突しないように気をつける必要があります。同じ名前を使ってしまうと、コードがロードされた順番によって挙動が変わる、というようなわかりにくい問題が発生してしまう場合が出てきます。 オブジェクト、クラスの使われ方 ライブラリ内では、上記の名前空間は大きく分けて以下のような使われ形をしています。 その下に別のオブジェクトを入れるための親名前空間として使う Class.create()を使って Prototypeライブラリ風のクラスとして定義する Object.extend()を使って他のクラス、オブジェクトから継承されることを前提とする関数を集める コードを簡潔に記述する為に短い名前の関数として使う 特に、Object.extend()を使って継承を実現している箇所が多く、最終的にどのオブジェクト・クラスにどのメソッドが定義されてい
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
Ivan Uzunov Blog Blog Archive Top 10 JavaScript String.prototype Extensions This is the list of mine top 10 JavaScript String.prototype extensions. If you want to you can post yours bellow. 超便利!JavaScript用の文字列拡張関数いろいろ String.prototype でStringクラスを拡張し、次のような機能を実装するための関数が公開されています。 trim - トリミングを行う関数 splitrim - トリミングとsplitを行う関数 escHtml - HTMLエスケープを行う関数 unescHtml - HTMLアンエスケープを行う関数 urlEncode - URLエンコードを
This shop will be powered by Are you the store owner? Log in here
Ext Documentation Centor 超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応。 以前、「Yahoo UI Libraryを拡張した超リッチなコンポーネント集」で紹介したリッチなコンポーネント集はYahoo UI Library 用のものでしたが、 なんと、prototype.js+script.aculo.usでも動作するようになりました。 尚、jQueryにも対応しているようです。 こうしたコンポーネントライブラリで、コアとなるライブラリを選択できるのはより多くの開発者が使えていいですね。 ライブラリだけではなく、テーマを切り替えることも出来て、自由度がいい感じです。 コアとなるライブラリを切り分ける、という、このライブラリ自体の設計部分にも注目したいですね。 コアライブラリの切り替え 画面内ウィンドウ データグリッド タブ風U
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
超クールな画像スライドショーを実現するためのJavaScriptライブラリ「F... 次の記事 ≫:フリーのPHPフォトギャラリースクリプト「phpGraphy」 solutoire.com | Plotr So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」。 次のようなグラフをJavaScript+CSSで描画することが可能。 ライブラリを使ったソースコード例は次になります。 var dataset = { 'myFirstDataset': [[0, 1], [1, 0.8], [2, 2.3]
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)
Run / Universal JavaScript Animation Framework / Start Run is the easy and basic way to animate web content! You're right, this is YAAF - yet another animation framework. JavaScriptアニメーションフレームワークライブラリ「Run」。 script.aculo.usのようなエフェクト風アニメーション機能を実現したりすることが出来ます。 太陽の周りを地球が回るデモのような、Script.aculo.usでは実現が少し面倒だったものも割と簡単に実現出来そうです。 script.aculo.us 同様、prototype.jsに依存しています。 ドキュメントも充実 関連エントリ prototype.jsベースの画像切抜き
The Mad4Milk teamは3日(米国時間)、moo.fxの最新版となるmoo.fx version 2.0(以降、moo.fx2)を公開した。moo.fx2は超軽量のJavaScriptエフェクトライブラリ。mootoolsの一環として開発されているが、prototypeとともに動作するようにも作成されている。prototypeは"Ajaxian.com 2006 Survey Results"調査結果において43%の支持を得ている1番人気のAjaxフレームワーク。moo.fxは11%の支持を得て5位にランクインしている同じく人気のあるJavaScriptエフェクトライブラリ。 同チームは9月11日(米国時間)、JavaScriptライブラリ集であるmootoolsを公開。moo.fxとmootoolsはときに同じ意味として使われるが、moo.fxはより細かい成果物の名称として、
Ajax/JavaScriptライブラリをまとめておきます。(順不同) | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF - API/サンプル/解説 Prototype.js Documentation - まとめサイト Prototype 1.6.0へのアップグレード実例紹
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く