タグ

javascriptに関するisaa73のブックマーク (4)

  • 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」:phpspot開発日誌

    異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 2011年04月07日- Google image search style image alignment with jQuery Atteeeeention plugin | DreamersLab 異なる幅・高さの画像も超綺麗に並べられるjQueryプラグイン「Atteeeeention plugin」。 <img>でただ単に画像を並べると、幅、高さの違いから、ページがごちゃごちゃしてしまいますが、このプラグインを使うことでGoogle の画像検索のように綺麗にピッチリ並べられます。 普通に並べるとちょっと残念なことに。空白ができちゃいます。 プラグインを使うことで、あら綺麗。となります。 Firefox は 2以上、IEは6以上ということで殆どのブラウザに対応。 まず、必要な

  • JavaScriptでコントロールもできるFLVプレイヤー「Jaris FLV Player」:phpspot開発日誌

    Flash Video Player | Jaris FLV Player JavaScriptでコントロールもできるFLVプレイヤー「Jaris FLV Player」。 フルスクリーン、ボリュームコントロール、動画シークなどの基プレイヤー機能を備え、YoutubeのAPIサポートや、独自ロゴ表示、JavaScriptインタフェース、キーボードショートカットを持つプレイヤーです。 キーボードショートカットは、spaceで停止/再生、UPキーでボリュームUP、DOWNキーでボリュームDOWN、Fでフルスクリーンモード等、使いやすい割り当てがされています。 デザインは若干クセのあるものですが、多機能なので1つの選択肢として知っておいてもよさそうです。 オープンソースでSubversion 公開されていますが、ソースは通常のFlaファイルではなく、haxe と flashdevelop によ

  • node.jsに関する基礎や開発・チュートリアルのまとめ:phpspot開発日誌

    node.jsに関する基礎やチュートリアルのまとめ。 リアルタイムなWEBを実現するには必須のサーバサイドJS、node.jsについて色々とまとめてみました。 node.js node.jsについて node.js なんとなく凄そうだけどよく分からないという方も多いかもしれないので簡単に解説。 一番最初見た時は何かのJavaScript ライブラリかと思ったのですが、全く違って、V8というChromeにものっている高速JavaScriptエンジン上で動くサーバを動かせる仕組み。 サーバ自体を具体的に言うと次のようなコードで実現します。 var http = require('http'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain

  • [object HTMLImageElement]Query受け渡し

    フォームで何か情報を渡したい時に、CGIであればその情報を取得することは簡単ですが、htmlでは容易ではありません。 そこで、ここでは「GET」での場合のみパラメータを受け渡すJavaScriptを紹介します。 例えば、 「http://homepage2.nifty.com/BASH/WWW/JavaScript/qs2.html?id=0000001」 と、リンクしたときにidというNAMEで、0000001というValue値を取得できるようにします。 きちんと取得できるか、ここを参照ください。 なお、qs2.htmlの内容は以下の通りです。 <HTML> <HEAD> <TITLE>JavaScript集(QueryStringの受け渡し) -Bash Homepage-</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!--

  • 1