Xlune::Blog
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
Highslide JS - JavaScript thumbnail viewer
What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. The content opens within the active browser window. Single click. After ope
scriptaculous逆引きサンプル集 - JavaScriptist
はじめに bookmark scriptaculousの概要 ボックス要素に対して表示/非表示エフェクト bookmark フェードインで表示 - Effect.Appear フェードさせる - Effect.Fade ブライドダウン効果 - Effect.BlindDown ブラインドアップ効果 - Effect.BlindUp スライドダウン効果 - Effect.SlideDown スライドアップ効果 - Effect.SlideUp 折りたたむ効果 - Effect.Fold 縮小後消失 - Effect.Squish テレビのスイッチオフ風に消失 - Effect.SwitchOff 落下後消失するアニメーション - Effect.DropOut 拡大アニメーションで表示 - Effect.Grow 拡大アニメーションで消失 - Effect.Puff 縮小後消失 - Effec
prototype.js逆引きサンプル集 - JavaScriptist
はじめに bookmark prototype.jsの概要 ユーティリティ関数 bookmark 指定idのエレメントを取得 - $ 指定idのエレメントのvalueを取得 - $F エレメントのリスト形式を配列形式に変換 - $A オブジェクトをHash形式に変換 - $H 指定した範囲のリストを返す - $R prototype.jsで追加された機能 bookmark Ajax Ajaxリクエストを行う - Ajax.Request Ajaxで指定エレメントの内容を書き換える - Ajax.Updater Ajaxで指定エレメントの内容を定期的に書き換える - Ajax.PeriodicalUpdater 定期的に指定の処理を行う - PeriodicalExecuter Enumerable リストに特定の関数で処理させる - Enumerable.each リストの全ての値を調べる
XML を JSON に変換するサービス - ベータ版を公開 :: Drk7jp
JavaScript 2.0 支援ツール「XML 2 JSON service」って何？ XML を JSON に変換するサービスです。この技術を用いることで、 クロスドメイン制限を超えて JSON 形式で XML 形式のデータを利用することが可能となります。 JSON は XML と比較して JavaScript 上で非常に扱いやすいため、コツを掴めば簡単に自分のサイトで利用できます。 既に幾つかのサイトで実装されていますが、不特定多数の方にサービス提供するために負荷対策を施し、XML 2 JSON service ベータサービスを公開することにしました。 最近良く聞く Ajax とは何が違うの？ 最近、流行りまくっている Web 2.0 と呼ばれるものの基礎技術の１つとして Ajax があげられます。Ajax は大変便利な技術なのですが、セキュリティの観点から自ドメインへのアクセスしか
開発者が考慮すべきAjaxの安全性（字幕「だ・である」版）
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます ウェブブラウザで動作するアプリケーションに高い操作性を与える技術として注目を集めている「Ajax」。Google MapsやMySpaceなどに採用されることで人気は高まっているが、新たな技術には、常にセキュリティにまつわるリスクがつきまとう。開発者が新たな技術の採用にあたって留意すべき脅威について、Fortify Softwareでチーフサイエンティストを務めるBrian Chessが解説する。（※このビデオには、字幕翻訳のニュアンスが微妙に異なる別バージョンを用意しています。内容は同一ですので、お好みのバージョンでご覧ください） 再生時間:2分21秒
ウノウラボ Unoh Labs: Web2.0時代のJavaScriptで注意することを5つほげほげ
Keitaです。 Ajaxが流行していますが、まだ、僕個人では実装レベルまでライブラリの蓄積が追いついていません。 各種ライブラリがWebフレームワークレベルでそろったら（そろえたら）使いたいなと思っていますが、なかなかそこまで手が出てないのが現状です。 とはいえ、社内でもDojoや、MochiKitなどのフレームワークがはやりつつあるので、そろそろつかいたいかなーと思いセキュリティを含めたリスクを調査しています。 とはいえ、まだまだ勉強中の身であるので、突っ込みいただけると助かります。 (1) クロスサイトスクリプティングに注意する 基本的な対策は、サーバサイドのときと同じく、描画を行うタイミングでエスケープ処理を行うことになります。 だだし、HTTPヘッダではなくBodyにエスケープしてない文字列をおいた場合にはAjaxではなく直接アクセスすると、XSSになる場合があるので注意が必
フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」:phpspot開発日誌
フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」 2006年10月22日- Tooltip for forms You can download the entire script from this Zip file フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tooltip for forms」。 このライブラリを利用すれば、次の画像のようなツールヒントをフォーム上に出すことが可能です。 実装は、必要なライブラリを読み込んだ後、次のように、tooltipText 属性にヒントを書きます。 <input type="text" id="firstname" name="firstname" tooltipText="Type in your firstname in this box"> そして、
MarkeZine（マーケジン）
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
あれこれポップアップとprototype.jsを同時に使うには - 徒書
txqzではあれこれポップアップを使っているようなのに、FirefoxとOperaでポップアップが出ないのが気になったので、原因を調べてみました。 試してみたところ、どうもprototype.jsを同時に使っている場合に、ArekorePopup.jsでエラーになるようでした。エラーが出るのはgetAttrという関数(514行～)で attr.match() を呼び出している部分。 getAttr : function(node, attr) { if (!node || !attr) return null; ... if (!ret && node.getAttributeNS && attr.match(/:/)) { ここで、"attr.match is not a function"というエラーになっていました。Opera 9.01でも同じ箇所でエラーになっていました。 なぜそん
あるＳＥのつぶやき: Ajaxライブラリまとめ
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へのアップグレード実例紹
Qooqle
アニメ『盾の勇者の成り上がり(2期)』の「あらすじ」や「動画を無料視聴する方法」をご紹介していきます！ ↓『盾の勇者の成り上がり(2期)』の動画を今すぐ無料で見たい方はこちらをクリック↓ 盾の勇者の成り上がり(2期)を無料で視聴する！ アニメ『盾の勇者の成り上がり(2期)』とは？（あらすじ・見どころ） まずは、『盾の勇者の成り上がり(2期)』とはどんな作品なのか？、作品の概要をご紹介します。 あらすじ 尚文が次の「波」への準備を進めていると、謎の魔物たちが現れ、同時に「波」へのカウントダウンが停止してしま ... アニメ『RPG不動産』の「あらすじ」や「動画を無料視聴する方法」をご紹介していきます！ ↓『RPG不動産』の動画を今すぐ無料で見たい方はこちらをクリック↓ RPG不動産を無料で視聴する！ アニメ『RPG不動産』とは？（あらすじ・見どころ） まずは、『RPG不動産』とはどんな作品な
Ajax Google Mapsを自サイトに設置する - ［JavaScript］All About
*この記事は、Google Maps APIバージョン1(v1)の時点での記事です。v1ベースでは現状動作しますが、バージョン2(v2)については、 Google Maps v2を設置する(1)やv2用意訳とサンプルなどもご参照ください。 9/15と、 9/30のサンプルは、都道府県庁の経緯度データをAjaxな通信で取り出し表示する、というものでしたが、 今回から数回にわけて、このようなAjaxな仕組みも利用しつつ、地図を表示してみます。地図には、Google Mapsを利用します。 Google Mapsは、それがなければ、Ajaxという言葉がこれほど広まらなかったかもしれないほどの影響を与えたAjaxアプリといえますが、もしかすると、それ以上に、世界中にインパクトを与えた特徴があります。 それは、この高機能で精密な地図を、自由にカスタマイズして、なんと、無料で自分のサイトへ設
prototype.js v1.5.0 の使い方
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
Web2.0に関する考察ノート:前編 - Speed Feed [ITmedia オルタナティブ・ブログ]
様々なBlog、メディアがWeb2.0について語り始めている。僕自身、非技術的考察という観点で、いろいろ考えを巡らせてきた。 ここでいったんWeb2.0をどう定義づけるか、という命題について、現時点での僕の回答を出しておきたい。 前編をWeb2.0自体の説明として、 後編を、Web2.0的要素（技術、ビジネスモデル、企業など） としたい。 ■ Web2.0に関する考察ノート：前編 01. Web2.0はWeb上の新しい「環境」である Webを「気候」に例えてみると分かりやすい。現在地球は温暖化に向かっていると言われている。つまり気候という環境の変化が起きているらしい。そして、その原因を大気中の二酸化炭素が増えているからだという意見が多くみられている。 氷河期にはマンモスが繁栄したが、それが終わると分厚い毛皮を持たない軽量のほ乳類が繁栄した。 Webもまた、ここ数年様々な事象の発生により、そ
![Web2.0に関する考察ノート:前編 - Speed Feed [ITmedia オルタナティブ・ブログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0b86a12a2dc3e493a87b193f4ee9e9bd486315f3/height=288;version=1;width=512/https%3A%2F%2Fblogs.itmedia.co.jp%2Fmt-static%2Fsupport%2Fassets_c%2Fuserpics%2Fuserpic-6-100x100.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ajaxweb20.com
ビデオ - ZDNet Japan
JavaScriptを利用してフォームの二重送信を防止する：CodeZine
xml-blog.com
Yahoo! UI Library
