Прототипы что должно получиться
и
Есть несколько картинок:
Иконки.png – три типа иконок (прямые, скругленные и круглые)
Горизонтальные.png – шаблоны горозонтальных кнопок
Вертикальные.png – шаблоны вертикальных кнопкок
Поапы.png – поапы для продукты
Поапы_комментарии.png – теже поапы с комментариями по механике работы
Специфика работы кнопок:
1) есть 8 типов дизайна кнопок (типы_дизайна.png)
2) есть 3 размера иконок (20,30,40)
Живой пример того что можно потрогать на
Задача – cверстать все типы кнопок под все размеры. Поапы общие – одни на всех.
Подробное описание задачи –
В жс делать ничего не нужно, мы уже собрали рабочие прототипы, которые обеспечивает всю работу. Задача – собрать верстку по правилам описанным в доке. Т.е. фактически это будет один большой стиль (в котором описаны все св-ва того что входит в начальный рендеринг) Начальный рендеринг – то что грузится вместе со страницей, в нашем случае это дивы с кнопками, цифрами, последующий рендеринг – по событию (это уже всплывающие окна и появляющиеся окна по событию). Стили дополнительных окон можно делать каждый стиль под свое окно.Важно сделать так, чтобы все стили были кроссбраузерными и могли работать даже на самых кривых сайтах. Т.е. поставили кнопку на сайт с кривой версткой – ничего не поехало, все показалось как надо. на выходе мы получаем большой стиль(положения кнопок и сами кнопки) + стили под окна и html файл где показаны все положения + визуалка доп окон. Никаких жс. Никакой динамики. Все статично.
важен еще вот какой момент, по скольку элементы соц. сетей являются частью сайта их количество 5 блоков, но надо учесть что владелец сайта может оставить один, может вручную поменять стиль Фейсбука на Вконтакте (чтобы кнопочка стала с логотипом ВК) и т.д. т.е. по всякому включать и отключать элементы кнопок. Важно, чтобы кнопку не разколбашивало от этого. Т.е. залез на сайт, удалил элементы соц. сетей, оставив всего 2 элемента и 1 блок с цифрами. Важно чтобы на сайте не было дыр чтобы так и отобразилось кнопка состоящая из 2-х соц. сетей и цифры с положением и размерами, которые зашиты в общий див. Допустим горизонтальная, маленькая но всего с 2-я соц. сетями из них первый ТВ второй ВК (т.к. поменяли стили в коде) и блок с цифрой. фактически это конструктор некий, где можно руками залезть в код и руками управлять внешним видом. И получается что из наших кусочков можно собирать свои кнопки.
Жду от вас оценку по срокам и бюджету. Спасибо.