stonewall.js
バックリンク 15
全てを見る1–12 / 15
stonewall開発日記14
自分でレイアウトのスタイルを定義して差し替えられる仕組みを追加してタグv1.0.0つけた。レイアウトのスタイルと言っても普通にJavaScriptで関数を書く必…
stonewall.js開発日記1
唐突ですが何かしら継続して勉強していけるものを作ろうと思ったので、高さの違う要素を敷き詰めて並べてくれるJavaScriptのライブラリを作ろうと思います。そう…
stonewall.js開発日記2
まず、どういう風に使いたいかというのを考えたのだけど、jQuery Masonryを参考にしてみる。 という感じで、グリッド表示したい要素に対して、Option…
stonewall開発日記3
もたもたしているうちにVanilla MesonryというjQuery非依存のライブラリが出来てしまっていた。僕のは最終的なイメージがまだ固まっていないのだけど…
stonewall開発日記4
buildという関数にレイアウト用のオブジェクトを渡すようにした。DOM操作が必要となるので、テストにダミーのHTMLが必要になるのだけど、QUnitではテスト…
stonewall開発日記5
コンストラクタ関数を使ってStonewallオブジェクトとして利用できるように変更。設定をbuildに渡してるけどこれもコンストラクタの引数に移動するつもり。 …
stonewall開発日記6
縦方向の並びもテスト書いて通した。element.style.heightで要素の高さを取得しようとしていたのが間違いで、element.offsetHeigh…
stonewall開発日記13
前回作ったaddとremoveメソッドをpushとpopに名前を変えて、新たにaddとremoveを実装し直した。 addは配列の任意の位置にオブジェクトを追加…
stonewall開発日記12
前回の投稿を踏まえて、大きくリファクタリングした。変更点としては、 レイアウト対象の要素を配列からオブジェクトにし、位置やサイズを持たせるようにした。 位置とサ…
stonewall開発日記9
レイアウト方法を順番通りに並べるタイプと、高さが一番低いカラムに置くタイプの2種類にした。多少モデルとビューを意識してプロパティとして持った方がよいところは持た…
stonewall開発日記11
exampleを改修してLoadNextボタンを押すと継ぎ足しできるようにした。今のexampleの処理の流れは LoadNextをクリックする Tumblrか…
stonewall開発日記10
リサイズイベントによって再度グリッドの引き直しをするためにコンストラクタから処理を分離した。で例によってTumblrから画像を引っ張ってくるサンプルをアップデー…