各要素に「アンカー」を設定できるWindowsフォーム（つまり.NET WinForms）アプリのように、Webページを簡単にレイアウトできるjQueryまたはその他のJavaScriptライブラリには何かありますか？したがって、上、左、および右のアンカーを設定すると...要素は、含まれている要素が拡張するにつれて幅を拡張しますが、高さは拡張しません (ただし、同じ Y/上部の位置にとどまります)。アンカーを設定しない場合、要素は同じ幅と高さのまま中央に配置されます。
これは、ほとんどの優れた Web デザイン (ページがさまざまな画面サイズなどで動作する必要がある場合) とは正反対であることはわかっていますが、私の場合は、利用可能な HTML/CSS では不可能な非常にリッチな UI を作成しようとしています。レイアウトのルール。そうではないと言う前に、ページのサイズ変更に合わせて JavaScript を使用して項目の位置を変更する人気のある Web サイトがいくつかあると思います。たとえば、Google カレンダーがこれを行っていると思います。
私の全体的な UI デザインは、次の Dojo の例に似ています: http://demos.dojotoolkit.org/demos/themePreviewer/demo.html
私のページは常にブラウザー・ウィンドウ内に収まります (ウィンドウ自体に垂直/水平スクロールバーが表示されることはありません) -- もちろん最小サイズまでです。その場合、ページを使用できなくても問題ありません (Dojo の例と同じです。部分をトリミングして使用できなくなるだけです）。それぞれのサイズを変更するためのスプリッターを備えたいくつかのパネルと、さまざまなポイント (下/右/左/上/塗りつぶし) に固定する必要があるパネル内のコンテンツも用意します。
Dojo については知りませんが、かなり巨大なようです。私は主に自分のオプションが何であるか疑問に思っており、アンカー/ドッキングサポートを追加するだけの小さなライブラリに傾倒しています。