趣旨 Rails でアプリケーションを作成すると、もれなくついてくる prototype.js とその仲間たち。prototype.js は Ruby 風の API を備え、その意味では素敵なのだが、老舗な分、設計が古臭く、拡張性に乏しい。私の見るところ、拡張性の高さでは jQuery がよさそうだ。jQuery のメリットは、 DOM 操作が簡単。CSS セレクタで複数の DOM 要素を選択し、それらすべてに同じ操作をする、なんていうことが簡単にできる。 プラグインを作って、機能の拡張が簡単にできる。 グローバル名前空間をほとんど汚さないので、他のライブラリとの共存が楽。 等々いろいろある。プログラマとしては、理屈ぬきで、ソースコードを見たときの「気持ちよさ」がぜんぜん違う、という主観的な理由もある。これは、Rails のソースコードをはじめて読んだときの感動に少し似ている。 気になる

非常に美しいcoverflowスライドギャラリー『ImageFlow』 ImageFlowはPHPとJavaScriptで作られている非常に美しいcoverflowスライドギャラリーです。 設置方法 配布サイトより関連ファイルをダウンロードし、サーバーにアップします。 スライドギャラリーを利用したいページのhead要素内で『screen.css』と『imageflow.js』を読み込みます。 <link rel="stylesheet" title="Standard" href="screen.css" type="text/css" media="screen" /> <script language="JavaScript" type="text/javascript" src="imageflow.js"></script> スライドを利用したい箇所に以下のHTMLコードを記述しま

twitter facebook hatena google pocket iTunesにはCover Flowと呼ばれる画像の見せ方があります。 My Scrap Roomはjavascriptで使用できるようにしています。 sponsors 使用方法 My Scrap Roomで使用しているjavascriptを画像ギャラリー直下に以下のように記述します。 ＊長いのでMyScrap.jsとしています。 <div id="images"> <amp-img onclick="glideTo( 0, 'i1')" src="画像パス"> //(画像位置、id名) <amp-img onclick="glideTo( -150, 'i2')" src="画像パス"> </div> <div id="captionTarget" style="position:absolute;width:1