This tool lists a number of javascript scripts designed to embed various objects in HTML pages, such as images, flash animations, movies and iframes. Comparison of various scripts that display images and other objects in somehow cool CSS popups
The Lightbox Clones Matrix « planetOzh
This tool lists a number of javascript scripts designed to embed various objects in HTML pages, such as images, flash animations, movies and iframes. Comparison of various scripts that display images and other objects in somehow cool CSS popups
ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
Javascriptのロケーション（Location）
アドレス情報 window.location window.location.protocol window.location.host window.location.hostname window.location.port window.location.pathname window.location.search window.location.hash 指定アドレスにジャンプする window.location.href window.location.assign(url) window.location.replace(url) window.location.reload([force]) アドレス情報 window.location 現在表示しているアドレス（URL）に関する情報を持つオブジェクトです。 window.location.protocol window.l
JavaScript で波○拳を繰り出すことはできるか？（「お知らせ:「コナミコマンド」を実装しました」を読んで） - Akasata's Page（あかさたのページ）
2007-07-26 13:15 : JavaScript で波○拳を繰り出すことはできるか？（「お知らせ:「コナミコマンド」を実装しました」を読んで） 「お知らせ:「コナミコマンド」を実装しました」によると、コナ○コマンドはできるらしいです。コードを見てもらうとわかりますが、if 文で普通に分岐しています。これはこれでお手軽な実装ですが、こういうものを見ると一般化してみたくなります。 上記サイトより抜粋： var konmaiFlag = 0; function konmaiCommand(konmaiKey){ if (konmaiKey == 38 & konmaiFlag == 0){//上 konmaiFlag = 1; }else if (konmaiKey == 38 & konmaiFlag == 1){//上 konmaiFlag = 2; }e
jQuery 開発者向けメモ
jQuery 開発者向けのメモです． ずっと以前に，jQuery に関する日本語の情報がまだ少ない頃に作ったページですが， その後 jQuery を再び利用する機会があったので，最新バージョン向けに記述を更新しました． 住宅ローンシミュレーションです． jQueryを利用したフォームの動的な追加や，flotプラグインによるグラフ描画などを行っています． 本ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです． 最終更新：2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したイ
画像を立体ガラス風にするエフェクト実装JavaScriptライブラリ「Glossy.js」:phpspot開発日誌
Glossy.js (with IE 6/7 support) Glossy.js 1.3 allows you to add corners and shading and shadow to images on your webpages (alternatively: corner.js). 画像を立体ガラス風にするエフェクト実装JavaScriptライブラリ「Glossy.js」。 プレーンな画像に、次のように画像にガラスのような立体効果を与えることが可能。 必要なライブラリを読み込んで、<img>タグに、class="glossy"を指定するだけでいいお手軽さです。 目立たせたい画像に対してこのエフェクトを指定すると効果的ですね。 IE6,7もサポートしているようです
fladdict.net blog: jsがメッサ楽しくなるフレームワークjQuery(1)
HATENA-TUBEで使っている、jQueryというjsフレームワークが楽しすぎる件について。 jQueryは、ちょっとダーティだけどスゴイお手軽に、色々なことができるステキライブラリっす。小さい実験でのプロダクティビティはもうprototype.jsの100倍ぐらいスゴイっす。 色々実験中なのでそのメモ。 まず、最新版を右クリックから保存して適当なフォルダに入れる。 まず、jQueryではdobument.body.onloadに相当する部分が、ちょっと独特なのでおまじないのつもりで以下のように書きます。 初期化 $(document).onready( function(){ //ここに初期化系の処理 }) で、jQueryもプロトタイプみたいに$()関数を多様するのだけど、その強力さが半端ありません。例えば、ノードの一括定義とかができちゃいます。 全ての＜p＞ノードの中身を”Hel
JavaScript で Number 型の数値を２進数表現してみる - てっく煮ブログ
先日の 四則演算を JavaScript で実装する の関連エントリ。デバッグの過程で、数値を２進数で表示したくなったので実装してみた。ソースコードワンライナー版。 function dump_int(i){var s="";while(i){s=(i&1)+s;i>>>=1}return s} 整形したらこうなる。 function dump_int(i) { var s = ""; while(i) { s = (i & 1) + s; i >>>= 1; } return s; } >>> が符号を考えずに右シフトする演算子だそうだ。今回、このビット演算子で遊ぶまで、こんな演算子があることすら知らなかった。Firebug で確認してみた >>> function dump_int(i){var s="",c=-1;while(c){s=(i&1)+s;i>>>=1;c>>>=1}re
てっく煮ブログ - 四則演算を JavaScript で実装する
aki note ≫ Google 電話面接を受けました orz （いまは消えてるけど）にて割り算が壊れました。自分で実装してみてくださいという質問が紹介されていた。せっかく(?)の機会なので、割り算だけでなく、四則演算を全部壊してみて、JavaScript で実装して見ることにした。JavaScript を選んだのは、コンパイル不要、ビット演算がある、Firebug で手軽に確認できる、という理由から。それ以上の深い意味はない。ということで、次のような問題に一般化してみた。問い四則演算を JavaScript で実装しなさい。演算子は ==、!= およびビット演算子のみ使ってよいものとします。補足例えば、for 文で for(var i = 0; i { // ... } と書くためには、++ 演算子は次のように定義できる。 function increment(i){ var c =
Ajaxを勉強しよう
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
JavaScriptでIEかどうかをたったの1行で判別する方法:phpspot開発日誌
Dean Edwards: Sniff! My current frog exaggerator of choice JavaScriptでIEかどうかをたったの1行で判別する方法。 なんと、次の1行だけで、isMSIE 変数に、IEで見れば true 、そうでなければ false を代入することが出来ます。 var isMSIE = /*@cc_on!@*/false; 次のサンプルコードで確認しました。 <html> <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { alert('IE!'); } else { alert('not IE!'); } </script> <body> </body> </html> IEであれば IE! を alert し、そうでなければ not I
fladdict.net blog: 物凄い勢いで対AjaxなFlashを考える
巷で言われるFlashの諸々の弱点は、ほとんどが克服可能な件についてメモ。 Ajaxでできることは全て、Flajax(Flash, Javascript, and XML)で、より早くより安価に可能なはず。 ・検索に引っかからない Flashの遷移と同じ構造のhtmlを用意し、検索ロボをそちらにリダイレクトする（クローキング）。 この技術が白か黒かは、グーグルにメールで現在問い合わせ中。 ・ブックマークできない js経由でブラウザのlocationオブジェクトを動的に書き換えて現在の遷移を記録する。これにより現在の状態がブックマーク可能となるので、js経由でlocationを取得して再現してやる。 ・ブラウザの文字サイズを取得できない htmlでdivタグを使って画面外にダミーレイヤーを作り、その中に適当に文字を格納する。ブラウザの文字サイズを変えるとレイヤーのサイズが変わるので、そこから
【コラム】そろそろきっちりJavaScript 第1回 "Firebug"の導入〜関数リテラルとは? (MYCOMジャーナル)
多彩な演出効果をカンタンに導入できる事で脚光を浴びたprototype.jsの登場を皮切りに、インターネットで公開されているJavaScriptライブラリの数は、この一年で急激に増加した。何かやりたいことがあったときはWebで検索すれば、大抵、どこかにライブラリが転がっている。便利な世の中になったものだ。 一方、Webを通じて提供されるサービスは多様化の一途を辿っている。JavaScriptライブラリは整ってきたが、当然、置くだけでは機能しない。ライブラリのサポートページには簡単なサンプルが載っているものの、サンプルがそのまま適用できるケースはごくわずかだ。しかたなく、他の誰かが似たような事をやっていないかとWeb検索するはめになる。 思えば、これまでJavaScriptを言語としてとらえ、きっちり向き合う機会は少なかったのではないだろうか。 1995年の終わり、Netscape Navi
JavaScriptリファレンス - JavaScriptist
JavaScriptリファレンス | JavaScriptリファレンス-ブラウザ関連クラス | リファレンスABCインデックス prototype.jsリファレンス | scriptaculousリファレンス 数値オブジェクト-Number bookmark Number.MAX_VALUE | Number.MIN_VALUE | Number.NEGATIVE_INFINITY | Number.POSITIVE_INFINITY | Number.toString | isNaN 文字列オブジェクト-String bookmark String.anchor | String.big | String.blink | String.bold | String.charAt | String.charCodeAt | String.concat | String.fixed | Str
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
連載：Ajax時代のJavaScriptプログラミング再入門 ― ＠IT
amachang - JavaScript 入門
ActionScript : FlashとJavaScriptの連携(1) - swfからJavaScriptを制御 - Flash/Web Application Weblog Directory
Mozilla — 利益ではなく、ユーザーのためのインターネット
trick7.com blog: SWFObjectのドキュメントを日本語に翻訳してみたよ