Prototype、1.6.0 RC1公開 - 表記がより"オブジェクト指向っぽい"感じに | エンタープライズ | マイコミジャーナル
The Prototype Core Teamは16日(米国時間)、2カ月前のRC0に引き続き、次期Prototypeに向けた準備リリースの最新版「Prototype 1.6.0 RC1」を公開した。PrototypeはJavaScriptで開発されたAjax Webアプリケーション開発フレームワーク。The MIT Licenseのもとで公開されている。2007年版Ajaxianの調査によると、Prototypeはscript.aculo.usとともに相変わらず高い人気を誇っている。 RC1ではいくつかのバグが修正されたほか、フィードバックに基づいていくつかのクラスとイベントAPIが変更されている。RC0ではクラスにメソッドを追加するには「Class.extend(Foo, { インスタンスメソッド })」のようにClassを使う必要があったが、RC1からは「Foo.addMethods
【ハウツー】ゼロからはじめるZoomi -単純だけど面白い!スクリプト要らずのWeb画像拡大術 (1) ゼロからはじめるZoomi -単純だけど面白い!スクリプト要らずのWeb画像拡大術 | パソコン | マイコミ
Zoomiとは？ Zoomiは、サムネール画像にマウスが重なったときに拡大画像を表示するというライブラリです。 サムネール画像上にマウスを重ねると迅速に拡大画像が表示される より正確に説明すると、サムネール画像と、拡大時に表示する画像の2種類を用意しておき、マウスがサムネール画像に重なった際に拡大時画像を表示するという仕組みになっています。 一方、大きな画像に対して小さなサイズのものを表示するといった逆の処理は正しく行なわれないので注意が必要です。つまり、同じサイズの画像か、それよりも大きいサイズの画像でないと正しく動作しません。 Zoomiは、HTMLページ内にスクリプト(プログラム)を記述しなくてよいという利点があり、全くプログラムが分からない人でも気軽に使えます。ZoomiではHTMLの<img>タグのclass属性にzoomiを指定し、マウスオーバー時に表示する画像のURLをalt
yohgaki's blog - いろいろ変わったXSSがありますが...
私が知らなかっただけかもしれませんが、これにはかなり驚きました。いろんな所で問題が指摘されていますが、ECMAScriptにXML機能を追加したのはどうなんでしょうね…. 確かにかなり便利なのですが以下のコードでスクリプトが実行されることはほとんど知られていないでしょうね。 <script> 123[”+<_>ev</_>+<_>al</_>](”+<_>aler</_>+<_>t</_>+<_>(1)</_>); </script> 好むと好まざる関係なくFirefox 1.5から使えるのでWeb開発者は知っておかなればならないです。 日本語訳 http://www.ne.jp/asahi/nanto/moon/specs/ecma-357.html 原文 http://www.ecma-international.org/publications/standards/Ecma-357.
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
HTMLテーブルに分かりやすいカーソルハイライト機能を付けられるJSライブラリ「Tablecloth」:phpspot開発日誌
HTMLテーブルに分かりやすいカーソルハイライト機能を付けられるJSライブラリ「Tablecloth」 2007年10月10日- Welcome to Tablecloth Tablecloth is lightweight, easy to use, unobtrusive way to add style and behaviour to your html table elements. HTMLテーブルに分かりやすいカーソルハイライト機能を付けられるJSライブラリ「Tablecloth」。 テーブルにカーソルを合わせると次のように、現在位置がハイライトされます。クリックすると、その位置のハイライトを固定します。 シンプルな効果ですが、データが多くある際、現在位置の確認や、チェックしておきたい部分をハイライトさせておくことが出来るなど、ユーザビリティ向上が期待できますね。 使い方は次
可愛くアニメーションするタブＵＩ実装ライブラリ「MooTabs」:phpspot開発日誌
MooTabs - Tiny tab class for MooTools MooTabs is a tiny(3kb) class for MooTools. As the name suggests, it's main purpose is to help out with the creation of simple tab navigation.可愛くアニメーションするタブＵＩ実装ライブラリ「MooTabs」 タブ項目をクリックするとページがアニメーションしながら開きます。 動きが滑らかで、使っていてちょっと驚きで楽しいＵＩを提供できます。 CSSで綺麗にスタイルしても見栄えがしそうですね。 moo がついているので mooTools を利用しているのは言うまでもありませんね。
ウノウラボ Unoh Labs: Ext.js入門: Grid編
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
prototype.jsでYouTubeをインクリメンタルサーチ （1/3） ─ ＠IT
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パターン」などを使用 検索方法は、通常の「キーワード」を入力してから「検索ボタン」を押すタイプではなく、一文字一文字入力す
内容に合わせて伸縮するテキストエリア - FAX
JavaScript追記 miya2000の日記 - 「内容に合わせて伸縮するテキストエリア」を Opera にも id:miya2000さんが、クロスブラウザに書き換えられています。GJ!こっちで!! デモビデオは以下(12秒)。 ユーザーが自分でリサイズできるテキストエリアをよく見かける(はてなも)。それを補助するGreasemonkeyスクリプトもある。 テキストエリアを横にリサイズしたいことはあまりない。バーを掴んで最適な高さにするのはめんどくさい。使う人は、ただ全部の内容が見えるぴったりの高さになってほしいだけなんだと思った。 サンプルコードは以下。fitting?、fittable?、expand?(逆に小さくもなる) キーダウンのイベントでも実装してみたけど、日本語入力を検知できないし、方向キーとか無視するコードもいるし、イベントハンドラ内では内容がまだ更新されてなかったり
Flashムービーのサイズをブラウザ幅に応じて自動調整できるJSライブラリ「FitFlash」:phpspot開発日誌
FitFlash - Smart Flash Resize Script FitFlash is a smart script that resizes your flash automatically if your browser window size is smaller or greater than your flash minimum desired size keeping it accessible independent of screen resolution. Flashムービーのサイズをブラウザ幅に応じて自動調整できるJSライブラリ「FitFlash」。 通常、Flashムービー(SWF)はブラウザに貼り付けた状態だと固定サイズとなっています。 このムービーサイズをJavaScriptで動的にうまく調節できるライブラリがFitFlashです。 FitFlashは次
特集：prototype.jsを読み解く｜gihyo.jp
運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
JS でモーションタイポグラフィー - 2nd life (移転しました)
http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/mtypo_bezier.html http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/mtypo.html JSTweener の機能追加と同時に、もちょっとサンプルになんか作ってみようかな、ということでモーションタイポグラフィーで遊んでみました。思ったよりは重くなかった感じです。半透明にすると重くなるかな、と思いきやどのブラウザでも割と普通に。 でも JS だと一文字一文字の横幅を正確に求めることができず(IEでできるのかな)、破壊的な動きなら出来るんですけど、あらかじめレンダリングされるであろう場所に文字を吸着とかかなり難しそうな感。 JSTweene
[JS]リストを開閉可能にするスクリプト -listmenu.js
Expandable Listmenu Script 設置するには、「listmenu.js」を外部ファイルとして指定し、リストの親となる要素に「treenode」とclassを指定します。 初期時に開いた状態にする場合には「treenodeopen」とclassに指定します。 このサイトでは、他にもclassを指定するだけで画像のロールオーバーができるスクリプトも紹介されています。 Image Rollover Code
第4回 JavaScriptでオブジェクト指向プログラミング ― ＠IT
JavaScriptが、いま注目を浴びている。 JavaScriptがこれだけの注目を浴びた理由の1つとして、Ajax技術の登場とも相まって、JavaScriptに対する確かな理解の必要性が高まったという事情は否定できない。しかし、それだけでは説明できない急速な注目の理由として、もう1つ、JavaScriptという言語そのものが持つユニークさが開発者の目を引いたという点は看過できないだろう。 もっとも、このユニークさは同時に、多くの開発者が感じているJavaScriptに対する苦手意識と同義でもある。これまでVisual BasicやC#、Javaといった言語でオブジェクト指向構文になじんできた開発者にとって、JavaScriptのオブジェクト指向構文はいかにも奇異なものに映るのだ。ようやくクラスという概念を理解した開発者が、JavaScriptという言語の背後にたびたび見え隠れする「プロ
クールで滑らかに動作するscript.aculo.usベースのアコーディオンＵＩ「Accordion v2.0」:phpspot開発日誌
クールで滑らかに動作するscript.aculo.usベースのアコーディオンＵＩ「Accordion v2.0」 2007年09月25日- Accordion v2.0 Demo クールで滑らかに動作するscript.aculo.usベースのアコーディオンＵＩ「Accordion v2.0」。 おなじみのアコーディオン風に伸縮するＵＩをscript.aculo.us で実装するライブラリが公開されました。 実装は、ライブラリの読み込み＆DIVの定義をおこなったあと、次のようなコードで初期化するのみです。 // Horizontal example var horizontalAccordion = new accordion('#top_container', { classNames : { toggle : 'horizontal_accordion_toggle', toggleAc
写真がクルリとめくれたような効果を実現できる『Curl.js』 | POP*POP
便利そうなJavascriptライブラリーのご紹介。Curl.jsを使えば、誰でも簡単に写真がめくれたような効果を実現することができます。 ↑ こうした画像が簡単につくれます。 使い方も簡単そうですね。いろいろオプションをつけてカスタマイズもできるようです。 興味のある方は使ってみてはいかがでしょうか。詳細＆ダウンロードは以下からどうぞ。 » curl.js (with IE 6/7 support)
滑らかで操作性のよいフォトスライダー実装JSライブラリ「Photo Slider」:phpspot開発日誌
Photo Slider Tutorial 滑らかで操作性のよいフォトスライダー実装JSライブラリ「Photo Slider」。 PhotoSliderを使って、次のようなフォトスライダーを作れます。 (クリックでサンプルを表示) 写真の一覧部分が小気味よくアニメーションしてくれるも特徴。 デフォルトでは若干デザイン性が良くありませんが、ＣＳＳデザインなのでよりカッコよくカスタマイズして利用することもできそうですね。 関連エントリ 超絶クールなMacスタイル写真ギャラリー「PhotoFlip」 Flashを使った超高機能クールフォトギャラリー「dfGallery」 スライドショーが可能なイメージギャラリー作成ライブラリまとめ AJAX＆PHPでクールなイメージギャラリーを実装できる「PhotoFolder」
【ハウツー】ゼロからはじめるInstant.js - Webの画像を壁掛け写真風にアレンジ (1) ゼロからはじめるInstant.js - Webの画像を壁掛け写真風にアレンジ | パ
Instant.jsとは? Instant.jsはHTMLページ内に埋め込まれている画像を写真風にアレンジして再描画するライブラリです。Instant.jsは、特定のスタイルシートクラスが指定された<img>タグを、VMLまたは<canvas>タグを使って置き換えて表示します。このため、VML、<canvas>が使えないブラウザでは通常通りに表示され、対応したブラウザでは写真風に加工されて表示されることになります。 Instant.jsはHTMLページ内にスクリプト(プログラム)を記述しなくてよいという利点があります。つまり、全くプログラムが分からない人でも気軽に使えます。Instant.jsでは、HTMLの<img>タグのclass属性に、決められたスタイルシート名、値を指定するだけで自動的に加工表示処理が行われます。また、JavaScriptのコードが実行できるブログであればInsta
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Ajaxの学習ならAjaxTower
