タグ

JavaScriptに関するbwhrのブックマーク (151)

  • Javascript(script.aculo.us)で、ブログをアニメーション・デザイン:Goodpic

    Ruby on Railsなどにも含まれている、話題のJavascriptライブラリを週末にちょこっと触ってみた。prototype.jsを継承して、Ajaxなユーザーインターフェース機能を実装するためのライブラリ。 script.aculo.us - web 2.0 javascript HTMLコード内に、いちいちファンクションを定義せず、クラス指定だけでアニメーションさせるようにしてみました。 インストールは簡単 上記のサイトから、scriptaculous-js-1.5.1.zip をダウンロードして解凍 /lib と /src を、そのまま自分のサーバにアップロード アップロードしたjavascriptを、使用するページのheadでInclude <head> <script src="js/lib/prototype.js" type="text/javascript"></s

    bwhr
    bwhr 2006/01/11
    htmlとJavaScriptとアニメーションUIを分離記述。
  • memo.xight.org - JavaScriptのデバッグ方法

    Venkman JavaScript Debugger FirefoxのExtention. JSUnit メソッド 内容 assert([コメント], booleanValue) assertTrueと同じ assertTrue([コメント], booleanValue) booleanValueがtrueか assertFalse([コメント], booleanValue) booleanValueがfalseか assertEquals([コメント], value1, value2) value1 == value2か assertNotEquals([コメント], value1, value2) value1 != value2か assertNull([コメント], value) value == nullか assertNotNull([コメント], value) value

    bwhr
    bwhr 2006/01/06
    FireFox extensionでの便利ツールいろいろ紹介。
  • Hawk's Laboratory » prototype.js 1.4.0を読む:prototype.js___base.js

    このドメインを購入する。 hawklab.jp 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

    bwhr
    bwhr 2006/01/04
    おべんきょう。
  • JavaScript++かも日記 - 1997年からの

    Testnetがアップデートされたのは知ってたけれど、libra-authのデモも動かなくなったのでちょっと調…

  • Javascript のみによるイメージ拡大鏡 | 秋元@サイボウズラボ・プログラマー・ブログ

    ハンガリーから美しい Javascript の佳品。イメージの部分拡大するルーペ機能を、Javascript だけで実現している。 カーソルの上下で拡大率を変えられるし、左右ではルーペの大きさも変えられる。すばらしい。自分のページに組み込むのも簡単だ。 写真は フォト蔵 から まさと さんによる CC by による公開。ルーペで養老の滝のフォントを探求しよう。 追記: 2006-03-02 BubbleShare という写真共有サイトで、この効果を使った拡大鏡がついた (via TechCrunch) この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書く

    Javascript のみによるイメージ拡大鏡 | 秋元@サイボウズラボ・プログラマー・ブログ
    bwhr
    bwhr 2005/12/07
    Safariだとちょっとヘン。
  • Ajaxフォトアルバムのフェードイン画像フレームを作ろう -@IT

    連載では、Ajaxを活用したインタラクティブなWebアプリケーションを、ゼロから開発する。3回の連載で、簡単なWebフォトアルバムを完成させる予定だ。完結した機能を持ったAjaxアプリケーションを作り上げるステップを、具体的に解説していきたい。 JavaScriptと非同期データ送受信を組み合わせた、Webアプリケーション開発スタイルである「Ajax」は、このキーワードが発表されたのが今年初めのことだとは思えないほどの発展を遂げており、日々新しい実験や、それを組み込んだサービスが発表されている。 そろそろ実際にAjaxを活用したWebアプリケーションを開発してみようか、と考えている開発者も多いことだろうが、ではAjaxで何をどう作ったらいいんだろう? という部分で立ち止まってしまってしまっているのではないだろうか。 そこで連載では、単なるサンプルではなく、完結した機能を持ったAjaxア

    bwhr
    bwhr 2005/11/25
    Prototype.jsやscript.aculo.usなどをつかったプログラミングの解説。
  • prototype.js v1.5.0 の使い方

    それは何? prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス

    bwhr
    bwhr 2005/11/24
    ★要チェックやー
  • Ajax、それはWeb 2.0へと続く道 ― @IT

    Web2.0時代の勝者となるべく、Ajaxという戦場が熱い。GoogleYahoo!のみならず、マイクロソフトやオープンソース・ジャパンも参戦している。彼らがリリースしたWebアプリケーションをピックアップしてお届けする。 Ajax、それはWebアプリケーションのユーザビリティを改善する切り札である。古い技術を組み合わせ、魔術のごとく生まれ変わった新しいファッションである。それは仕方なく使う消極的な選択ではない。未来への可能性を切り開く前進しようという意思である。未来形のWebとして語られるWeb 2.0へ至る道はRSS、ATOMなどいくつかあるとされるが、Ajaxもまた、Web 2.0に続く道の1つといえるのだ。 この連載では、毎月Ajaxの動向をウオッチングしている。基的には、新しい話題を中心に、厳選した面白い話題を提供していきたいと思うが、面白いもの、確実に押さえておきたいものを

    bwhr
    bwhr 2005/11/18
    スクロール地図とかAjaxな事例がいろいろ。
  • 作って理解するAjax (1):IT Pro

    最近,Webエンジニアのまわりで注目されている技術に「Ajax」(エイジャックス)があります。従来のWebアプリケーションはインタラクティブな処理の際,ユーザーにページのリロード作業を強いることが多く,決して操作性が良いとは言えませんでした。しかしAjaxを利用すると,サーバーと非同期な通信ができるので,ページをリロードすることなくコンテンツを更新できます。このためデスクトップ・アプリケーションと同様な操作性を持つWebアプリケーションを作成できます。連載では,実際にAjaxアプリケーションを開発しながら,Ajaxアプリケーションの動作の仕組みや,既存のWebアプリケーションとの違い,実装上の注意点などについて紹介していきます。 「枯れた技術」を組み合わせる 筆者にとってAjaxの第一印象は強烈でした。「Google Map」のスムーズな地図操作,「Google Suggest」のリアル

    作って理解するAjax (1):IT Pro
    bwhr
    bwhr 2005/11/08
    工藤拓さんによる解説。
  • c/side | Stopping client-side attacks

    Monitoring, Securing, Optimizing 3rd party scriptsKeeping track of 3rd party scripts, taking away obscurity How c/side makes the differenceYou'll know what gets delivered to your user's browser 100% of the time, and we'll make the scripts up to 30% faster.

    c/side | Stopping client-side attacks
    bwhr
    bwhr 2005/11/08
    小技集。わかりやすい。
  • Flash サンプル

    ナウでヤングなレンタルサーバーです。初心者にやさしくて、人気のブログも超カンタンに設置できます。おこづかいでOKの格安料金 なんと月額100円(税込105円)から!可愛いアドレスもたくさんで女性に大人気!充実のサポート体制で安心です。

    bwhr
    bwhr 2005/10/28
    ★FLASHの応用サンプルがいっぱい。勉強になります。