2012.10.29 | 

今年もあと2ヶ月となりました。
こんばんはmuchoです。
3ヶ月ぶりのエントリーです。

いくつかの案件で、カードを敷き詰めたような、
いわゆるMasonry Layoutを実装したのですが、
それが有名なライブラリではうまくいかず、自作してみました。

参考にしたのはこの3つ
jQuery Masonry
http://masonry.desandro.com/

Isotope
http://isotope.metafizzy.co/

jquery.vgrid.js
http://blog.xlune.com/2009/09/jqueryvgrid.html

どれもソートが可能な反面、隙間がところどころに発生してしまい、
そこを詰めたいな、ということになり、そこそこ詰めるように
作り直してみました。
言葉では美味く説明できませんが、
サンプルを見て頂くと分かりやすいと思います。
http://devjam.github.com/jquery.cram.js/

なるべく隙間を埋めてしまう仕様上ソートはできません。
順番が変わっても隙間を無くしたいという方はどうぞ。

ソースはこちら
https://github.com/devjam/jquery.cram.js

2012.02.28 | 

最近やたら長いページが多くなってしかもパララックス効果とかあったりして
どうせなら滑らかにスクロールさせたいなーと思う今日この頃、
今夜は雪らしいですよ。こんにちはmuchoです。

というわけで、マウスホイールでのスクロールやスクロールバーをドラッグした時に
滑らかにスクロールするプラグインです。
smoothScrollerDemo

最初、ユーザーからのスクロール変更情報をキャプチャできないものかと画策したのですが、
mousewheelのイベントならともかく、onscrollイベントだと画面のスクロールそのものにかかってしまい、
ユーザーがスクロールバーを操作して発生したイベントかどうか判別できず断念。
そこで、
0.position:fixedをサポートしてるブラウザかチェック
1.コンテンツ全体を新規divでくるんでposition:fixedをかけて、
2.さらに空のdivタグでコンテンツ全体の高さを保持。
3.スクロールイベントでtop位置の変更をsetIntervalで回す。

BODYタグに背景画像を入れたり、
position:fixedのオブジェクトが他にあると
挙動がおかしくなるかもしれません。
使っていくうちにブラッシュアップできればと思います。



// コンテンツ全体を一つのオブジェクトに包んでプラグインを当てる
$(document).ready(function () {
	$("#page").smoothScroller({fps:60,speed:0.1});
});



というわけでまだアルファ版ですがよろしければどうぞ。
jquery.smoothScroller.zip

2011.11.09 | 

こんばんわ DevJamのコータローです。

非常にノロノロペースですが、jqueryの勉強を
細々とやっておりまして、とりあえず何か書いてみようと
弊社で一番と言っていい位、よくつかわれるであろう
タブ切り替えを書いてみました。
(続きを読む...)

2011.08.02 | 

こんにちは、kaminalyです。
やっとメモる時間を取れました。

案件で、JSを使って円グラフを表示してほしいという要望がありまして、
しかも、IEも対応しなければいけなかったので、
SVG/VMLで描画するRaphaëlを使うことにしました。

(続きを読む...)

2011.06.21 | 

ども。チョイとはまったのでメモです。

jQuery.getJSONを使おうと思ったのだけど、
いっこうにコールバック帰ってこない。

なんや、JSONの時はkeyも「”」でくくらないといけないのか。。
{"key":"value"}
jQueryのパースで止まってたってことのような。
エラーも吐かず。

あと、「’」でくくるのもNGなんだってさ。
ふーん。