Верстка сайта PSM (HTML5, CSS3, JavaScript) Главная
- 42
- 0
- Опубликовано: 2015-12-14
Реализовано:
- кроссбраузерность + валидность кода
- шапка сайта имеет несколько стилей в зависимости от перемещения по странице
- стилизация форм ввода, выпадающих списков
- скрипт для функционала страниц
- проработка на стабильность
Функционал скриптовой части:
- fixed основной шапки сайта сразу после скрола
- субменю в шапке + его активное/некативное состояние
- fixed вторичной навигации + прилипание к основной шапке в зависимости от % позиции перемещения по странице
- субменю во вторичной навигации для ускоренного перехода в каталог + его активное/некативное состояние в зависимости от положения и кликабельности
- подменю при клике на товар на главной для упрощенного перехода в саму единицу товара
- универсальное меню навигации (на всех страницах слева, кроме главной), как каталога так и просто ссылок. Может иметь подменю + как скрывать/показывать его, при клике по ссылкам так и сразу принять активное (открытое) состояние при классе "эктив" для показа активной внутренней ссылки в определенной категории (показано в видео).
- текстовые спойлеры
- текстовые табы со вкладками
- валидация полей ввода на странице обратной связи + блокировка отправки пустой формы
Ввиду ограничений фриланса по загрузке изображений - скриншот уменьшен на 30%
- кроссбраузерность + валидность кода
- шапка сайта имеет несколько стилей в зависимости от перемещения по странице
- стилизация форм ввода, выпадающих списков
- скрипт для функционала страниц
- проработка на стабильность
Функционал скриптовой части:
- fixed основной шапки сайта сразу после скрола
- субменю в шапке + его активное/некативное состояние
- fixed вторичной навигации + прилипание к основной шапке в зависимости от % позиции перемещения по странице
- субменю во вторичной навигации для ускоренного перехода в каталог + его активное/некативное состояние в зависимости от положения и кликабельности
- подменю при клике на товар на главной для упрощенного перехода в саму единицу товара
- универсальное меню навигации (на всех страницах слева, кроме главной), как каталога так и просто ссылок. Может иметь подменю + как скрывать/показывать его, при клике по ссылкам так и сразу принять активное (открытое) состояние при классе "эктив" для показа активной внутренней ссылки в определенной категории (показано в видео).
- текстовые спойлеры
- текстовые табы со вкладками
- валидация полей ввода на странице обратной связи + блокировка отправки пустой формы
Ввиду ограничений фриланса по загрузке изображений - скриншот уменьшен на 30%
Пример реализации
Комментариев нет
оставить комментарий могут только авторизованные пользователи
