GeckoのReflowをアニメーションにする - 最速チュパカブラ研究会
MDCの記事用にGeckoのReflow（レイアウトを組み立てる処理）の過程をアニメーションGIF↑にしましたが、これが思ったより良い画になったので、トゥイーニングをつけてムービーを作ってみました。 まず、みんなの好きなGoogle。あんまり面白くないです 続いてWikipedia。スクロールバーが出て表示域が狭まったために、サイズを再調整している様子が見えます。 最後に、Mozilla.orgのトップ。floatの扱いがよくわかります。ここでもスクロールバーの出現に伴う再配置が発生しています。 作り方は大体以下のような感じです 各frameのrectが変化したところで位置、大きさ、this pointer値および親のthis pointer値をログに書き出すコードをMozillaに仕込む Rubyスクリプトでログを舐めて、frame treeを再構成する もう一度最初からログを舐めて、各
JavaScriptでTreemap - 和人
著名なサイト『百式』さんで検索結果をマップ形式で表示する検索サイトの紹介(リストからマップへ)がされていて、 なんか新しいなーって思った。TagCloudと同じで視覚で結果をうったえるってわかりやすくていいよね。 PHP でtreemapの実装をされている方(Treemap PHP Source Code - neurofuzzy)がいて、コードも公開されていたのでアルゴリズムはそのままに(真似してます)JavaScriptで実装してみた。 //■JavaScript //require Prototype.js function render_treemap(nodes) { var divTmp = new Template('<div class="node" style="width:#{width}px;height:#{height}">#{tag}</div>'); retu
Account Suspended
If you are the owner of this account, please contact CiCS for support.
visualcomplexity.com | A visual exploration on mapping complex networks
Project Description: Please provide a description of the project.
reAnimator: Regular Expression FSA Visualizer
This application requires the Flash plugin. If the plugin is already installed, click here. Warning: include(../../includes/footer.php) [function.include]: failed to open stream: No such file or directory in /home/.sidestep/osteele/osteele.com/tools/reanimator/index.php on line 32 Warning: include() [function.include]: Failed opening '../../includes/footer.php' for inclusion (include_path='.:/usr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jugyo.org
http://gyang.girly.jp/impli/archives/2006/12/post_6.html
Small PlaneHits Building in Manhattan
Amazon.co.jp: 眼の冒険 デザインの道具箱: 松田行正: 本
