ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い:phpspot開発日誌
ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄いです。 普通、高さの違うボックス要素を float とかで並べると次のような、どう見ても見れない崩れたデザインになってしまいます。 が、今回紹介するjQuery Masonry を使うと、次のように、綺麗にテトリスっぽく整列できてしまいます。 ↓↓↓↓↓↓↓↓↓↓ これを実現するのに必要なJavaScript コードは以下のように数行。これで実現可能です。 $('#primary').masonry({ columnWidth: 100, itemSelector: '.box' }); この仕組みを使ってブログ等を表示するともっと面白いことになります。 新聞っぽくなりましたね。 ブラウザ幅を変える事でいろいろな見え方になるのも面白いです。 以下のエントリを参照してください。 jQuery Masonry ? B
alternative design
ドラッグでの拡大・縮小と移動が可能な動画表示用のウィンドウです。当初は、YouTubeのようにページに貼り付ける仕組みを考えていたのですが、作ってるうちにドラッグでのリサイズや移動ができるように出来ないかと思い作成しました。動画の作者(自分も含め)は「観覧は作成時の縦横サイズを望む」と思い、リサイズ可能にしました。最新のタブブラウザであれば多分動作すると思いますが、もし問題があれば連絡頂けるとありがたいです。 機能としては以下のとおりです。 タイトルバーでドラッグ移動が可能です タイトルバーもしくはコンテンツ領域でのダブルクリックで、最大化します ウィンドウの四隅でドラッグによる拡大・縮小が可能です。 キーボードのCtrlキーを押しながらウィンドウのフレームでドラッグ移動できます(この辺にまだバグがある) ボタン(左)でstatic/absoluteのトグルとなりますが、IE6
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GRID BASED DESIGNS