Как лучше организовать несложный интерфейс?

Question

[yaksa]

Дано:

— textarea, в которую пользователь вводит html код

— textarea, в которую пользователь вводит css код


На сабмите получаем:

— Исходные поля(для повторных манипуляций) + результат обработки


Результат обработки должен быть как читабельным(выведен в диве с подсветкой кода), так и удобнокопируемым(выводим дополнительный textarea с результатом). Результат обработки двух исходных полей помещается в итоге в одно поле.


По интерфейсу:

— ориентируемся на все разрешения(даже на 1024х768)

— 200px сверху занимает меню, breadcrumbs и прочие мелкие поля

— 300px справа — sidebar

— в теории можно отказаться от сайдбара, но, предпочтительно, его оставить


Буду признательна за агрументированные ответы, ибо домыслы без конкретики я и сама смогу привести.

Answer 1

[RomeroMsk]

Разбейте всю видимую область на сектора, как в jsfiddle.net, и обязательно дайте возможность пользователю изменять размеры секторов. Можно и скрытие сайдбара сделать. Есть классный плагин для jQuery — jQuery UI.Layout. Он позволит охватить все разрешения экрана (будет заполнять всю видимую область), двигать границы секторов, скрывать определенные блоки и т.д. Вот один из примеров.

Comments

[yaksa]

Спасибо, хорошо дополняет ответ Punk_UnDeaD

Answer 2

[Александр]

>>— ориентируемся на все разрешения(даже на 1024х768)

«Даже» в какую сторону? Как насчет нетбучных 1024х600 и мобильных форматов?

Comments

[yaksa]

ЦА сервиса с мобильными устройствами(по крайней мере менее 1024px по ширине) в огромном меньшинстве(если не на нуле), поэтому на них нет смысла делать расчет.