про вертикальное расположение - у меня там комменты непонятные,
надо их переписать, но мне влом
а про верстку и код, что имеете ввиду?

То что там проставлено например style ="background-color:#CC66FF;"
это просто чтобы быстрее фон проставить сделано было
так это всегда убрать можно, или такой атрибут задать data-background например,
а остальные css свойства у элементов устанавливаются с помощью js, здесь вроде нет криминала

Подробнее код гляну позже, если быстро - комментарии лучше на анлгийском оставлять, еще надо бы перейти от процедурного подхода к модульному, в виде библиотеки, чтобы не засорялась глобальная область видимости, ну и чтобы удобнее было использовать этот код где-то еще. Если подумать, то от библиотеки требуется всего один метод - buildLayout или подобный. Еще заметил, что не реализована поддержка data-resizable=true. Можете посмотреть, как это сделано в dojo, у них в этом случае появляется ползунок, с помощью которого можно мышью менять размер блоков.

Тесткейсы:
- Можно ли с помощью кода получить абсолютную раскладу? Чтобы получить вид, как у обычного приложения, с панелью инструментов и прочими делами. Как в gmail.
- Не разрушится ли код, если начать стилизовать его с помощью классов?