Разработка сайта

Главная идея в том, чтобы сайт был вписан в экран без прокруток, чтобы отображался одинаково и на мобильном устройстве и на стационарном компе в среде и iOS, и Android, и Widows, и MAC.

1. Все меню должны быть оформлены не как выпадающие списки, а в виде отдельной полупрозрачной подложки, на которой находятся кнопки-иконки для вызова нужной статьи или сборника, или видео (модернизируем блог www.crowdintell.com). Если по логике компоновки материала надо иметь подменю, то и оно должно открываться так же, поверх основного меню. При этом все неактивные элементы притеняются. Аналог - интерфейс iOS7.

2. При нажатии на кнопку с конкретной статьей или любым текстом, который надо прочитать, запускается читалка (можно взять любой доступный виджет, которые предлагаются для браузеров. Пример - дополнение Firefox от evernote или reader из safari в iOS), на поле которого и размещен текст. Листание - горизонтальное, но если не получится, то пусть будет вертикальная прокрутка, но в пределах окна читалки. На читалке должна быть кнопка вызова простенького текстового редактора - блокнота для заметок. Заметки должны сохраняться в персональную базу зарегистрированного пользователя, а после модерации предлагаться для чтения в той же читалке.

3. На поле читалки должна быть кнопка вызова Google Translator или любого другого он-лайн переводчика.

4. Тестирование. Нужен отдельный виджет, как элемент интерфейса, для проведения опросов и текстов. (Нужно будет интегрировать программу iSpring Quizmaker 7)

Все меню, читалки, блокноты и видео должны открываться в не перемещаемом окне, расположенном по центру экрана и желательно не имеющем рамки или окантовки - просто поле.

Нам хотелось бы увидеть пример реализации подобной тестовой страницы с тремя позициями по функционалу – меню в виде плитки с прозрачной подложкой, текст просматриваемый в читалке и блокнот (функция комментариев). Если нас все устроит, мы ее оплачиваем как этап заказа и работаем дальше. Дизайн с Вами определяем вторично.