stonewall開発日記4
buildという関数にレイアウト用のオブジェクトを渡すようにした。DOM操作が必要となるので、テストにダミーのHTMLが必要になるのだけど、QUnitではテスト…
buildという関数にレイアウト用のオブジェクトを渡すようにした。DOM操作が必要となるので、テストにダミーのHTMLが必要になるのだけど、QUnitではテスト…
コンストラクタ関数を使ってStonewallオブジェクトとして利用できるように変更。設定をbuildに渡してるけどこれもコンストラクタの引数に移動するつもり。 …
縦方向の並びもテスト書いて通した。element.style.heightで要素の高さを取得しようとしていたのが間違いで、element.offsetHeigh…
前回作ったaddとremoveメソッドをpushとpopに名前を変えて、新たにaddとremoveを実装し直した。 addは配列の任意の位置にオブジェクトを追加…
Lesson 10はラピッドプロトタイピングについて。 Design Better And Faster With Rapid Prototyping プロトタ…
HACKDESIGNという興味深いサイトがあって、最初はタイポグラフィとかデザインの基礎的な話題が中心だったんだけど、Month 3がUser Experien…
前回の投稿を踏まえて、大きくリファクタリングした。変更点としては、 レイアウト対象の要素を配列からオブジェクトにし、位置やサイズを持たせるようにした。 位置とサ…
レイアウト方法を順番通りに並べるタイプと、高さが一番低いカラムに置くタイプの2種類にした。多少モデルとビューを意識してプロパティとして持った方がよいところは持た…
exampleを改修してLoadNextボタンを押すと継ぎ足しできるようにした。今のexampleの処理の流れは LoadNextをクリックする Tumblrか…
http://nnnny.jp/ をすごく微妙にアップデートした。元々つなぎで作ったサイトで、jsonファイルに画像のパスとかタイトルだけ書いたら、グリッド状に…
Tumblr解説本、Designing Tumblrを献本していただきました。ありがとうございます。僕が関わったKAKATO、梅川良満さんのTumblrも紹介し…
CSS3で追加されたbackground-sizeプロパティに、contentかcoverを指定すると画像をウィンドウいっぱいに表示してくれるので、写真をでかく…
リサイズイベントによって再度グリッドの引き直しをするためにコンストラクタから処理を分離した。で例によってTumblrから画像を引っ張ってくるサンプルをアップデー…
stonewallのexampleとしてTumblrからJSONPで画像URLを取得して表示するコードをgithubにアップしたけど、実際に動いているものもアッ…
すごく緩くではあったけど、今回は業務でやっているようなアジャイルっぽい感じで開発をしてみた。ここ数日はデイリースクラムっぽい形で やったこと これからやること …
一通りできたので動作確認用にサンプルを作った。こういうグリッドで並べるようなレイアウトはtumblrやってる人ならだいたい好きだと思うからtumblrのAPIを…
関数型言語を何か覚えようと思いつつ全然手をつけられていなかったけど、ドキュメントが充実してきた感じがするのと、コンセプト的に新しいものがありそうなのでHaske…
Paper.jsの勉強を始める。まずはセットアップ。 paper.jsを読み込み、canvasアトリビュートで描画先となるCanvas要素のidを指定し、typ…
ScriptographerをCanvasで動かすフレームワークであるPaper.js。通常であればDownloadからzipファイルをダウンロードして読み込め…
kkosugeさんのサイトがすごく面白かったので、node.jsがちょっと追っていない間にバージョンが上がりまくってたのと、WebSocketに対する興味からこ…