Это не решение, т.к. решения не существует, но возможно поможет в разработке.
Берёте ПО Pencil, изображаете все свои блоки схематично, делаете несколько листов, на которых распологаете эти блоки так, как они должны распологаться при разных разрешениях экрана(ну или размерами окон, что есть одно и тоже).
Потом берёте фреймворк с адаптивной сеткой, н-р bootstrap 2.3.2, а дальше натягиваете шаблон на фреймворк(или наоборот, не знаю как правильно говорится) потом смотрите нужнен ли Вам аккордион н-р и просто дополняете потехоньку свой шаблон, уже работающий на фреймворке(дополнительные "фишечки подключаются довольно таки просто")