Материал из GutenWeb Wiki
посмотреть реальный размер картинки можно кликнув по ней
Трудоемкие для выполнения элементы
| Элемент
| Простой (что упрощает разработку)
| Сложный (что усложняет разработку)
|
Нестандартный селект
|
Алиса (селект)
3 часа
усложняет
- селект бокс не меняет своего вида при выпадении списка
- выпадающий список не имеет круглых уголков и градиентов
- стрелочка не меняет своего вида при выпадении списка
На-невском (селект)
Простой (2 разных)
3 часа
- селект бокс не меняет своего вида при выпадении списка
- выпадающий список не имеет круглых уголков и градиентов
- стрелочка не меняет своего вида при выпадении списка
citySPB (селекты)
Простой, но самописный (10+ разных)
верстка - 4 часа
время программистов 40+ часов
всего 44+
|
Directors Club (селекты)
18 часов
Сложный (3 разных)
усложняет
- круглые полупрозрачные уголки у выпадалки
- разная ширина
- разные стрелочки
- разный ховер и шрифт
- изменение селекта при выпадении
Планета красоты (селект)
12 часов
Сложный (4 одинаковых)
усложняет
- изменение «селект бокс» при выпадении
- стрелочки меняют направление и цвет при выпадении и ховере
|
Нестандартные чекбоксы
|
Directors Club (чекбоксы)
5 часов
|
|
Радио
|
citySPB (радио)
2 часа
|
|
Маски
|
Планета красоты(маска)
2 часа
Directors Club(маски)
3 часа
|
Планета красоты(маска)
4 часа
усложняет
- резиновая маска
- тянется по вертикали
|
Вкладки
|
Петербург-тур (вкладки)
3 часа
усложняет
- скругленные уголки
- ширина вкладки зависит от слова
упрощает
- вкладки статичные (без JS)
Directors Club(вкладки)
фиксированная ширина
автоматическая (ширина формируется по ширине слов во вкладке)
4 часа
усложняет
- скругленные полупрозрачные уголки (для страницы партнера)
- ширина вкладки зависит от слова
- 2 типа вкладок при одной HTML-структуре
упрощает
- вкладки статичные (без JS)
|
Олимпик(вкладки)
16 часов
усложняет
- JS
- скругленные полупрозрачные уголки
Прохотель(вкладки)
16 часов
усложняет
- JS
- последняя вкладка без бордера
|
Интерактивная карта
|
|
Diadema (галерея и карта)
12 часов
16 часов (2 дня)
Гольфстрим (карта)
16 часов
усложняет
- 3 вида попапов (в разные стороны)
- маркер метро и магазина меняет вид при наведении
- разное поведение попапов:
- попапы метро исчезают при потере ховера
- попапы магазина остаются если на них навести
|
Галерея
|
Diadema (галерея)
16 часов
Гольфстрим (галерея)
8 часов
|
|
Терминология: