前の記事 ≪:Wiiブラウザ風CSSボタンを作成「Wii Buttons」
次の記事 ≫:写真をカラーリストにする「pic2color」

ブロック要素を動的にドラッグ&ドロップでリサイズするサンプル「Custom Reading Containers」

2007年02月20日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Devlounge | Custom Reading Containers
For those who have been following Devlounge for a while, you'll know that I wrote a script called Custom Reading Width.
ブロック要素を動的にドラッグ&ドロップでリサイズするサンプル「Custom Reading Containers」。



サンプルを参考にして、次のように、ブロック要素を1フレームのように、ドラッグ&ドロップでリサイズできるようなページを実装できます。



使い方によってはユーザビリティ向上に繋がるはずですね。
リサイズしたサイズをAjaxにてサーバに保存しておくことで、ユーザが調整した、最適なUIを表示することが可能なのではないでしょうか?

サンプルをダウンロード
関連の記事検索:JavaScript, Ajax, usability, UI, ライブラリ
スポンサード リンク

By.KJ : 2007年02月20日 07:06 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)