Сайт-каталог, сборник онлайн игр igrat-seychas.ru, был существенно переработан как внешне, так и внутри. Управляемый DLE 8.2, сайт морально начал устаревать. Нами был обновлен движок с сохранением функционала установленных модулей и полностью переработан и дополнен дизайн двухлетней давности.
Следующие работы были произведены:
- Оптимизированы meta заголовки и заголовки nginx.
- Установлено кэширование css и js файлов.
- Оптимизирован .htaccess.
- Настроен robots.txt.
- Использованы спрайты.
- Изменены некоторые базовые функции.
- Обновлен поисковый модуль DLE (переверстан блоками)
Дизайн переверстан с нуля, с использованием HTML5 тегов, таких как: header, footer, aside, article, nav, section, hgroup и пр. Благодаря новой верстке шаблон имеет блочную структуру, вместо прошлой, табличной, а также семантически верный и оптимизированный html.
Было дорисовано множество элементов и настроено js переключение между цветами шаблона (шаблон имеет три цветовые гаммы: оранжевую, зеленую, и ч/б) с использованием cookie. Для некоторых кнопок была использована css3 анимация при наведении. Верхнее меню, в изначальном варианте, использовало не малый js плагин. В последствии же оно было полностью переведено на css и стало не просто выпадающим, а многоуровневым. Боковое меню было максимально упрощено.
Поисковая строка реализована с использованием простейшего, но бесспорно функционального скрипта: в неактивном состоянии строка - это всего линь иконка, занимающая минимум места, а при фокусе расширяющаяся, скрывая близлежащие элементы и предлагающая воспользоваться своим пространством для ввода поискового запроса.
Подробнее эту работу можно рассмотреть на скриншотах или перейдя по демо-ссылке.
Следующие работы были произведены:
- Оптимизированы meta заголовки и заголовки nginx.
- Установлено кэширование css и js файлов.
- Оптимизирован .htaccess.
- Настроен robots.txt.
- Использованы спрайты.
- Изменены некоторые базовые функции.
- Обновлен поисковый модуль DLE (переверстан блоками)
Дизайн переверстан с нуля, с использованием HTML5 тегов, таких как: header, footer, aside, article, nav, section, hgroup и пр. Благодаря новой верстке шаблон имеет блочную структуру, вместо прошлой, табличной, а также семантически верный и оптимизированный html.
Было дорисовано множество элементов и настроено js переключение между цветами шаблона (шаблон имеет три цветовые гаммы: оранжевую, зеленую, и ч/б) с использованием cookie. Для некоторых кнопок была использована css3 анимация при наведении. Верхнее меню, в изначальном варианте, использовало не малый js плагин. В последствии же оно было полностью переведено на css и стало не просто выпадающим, а многоуровневым. Боковое меню было максимально упрощено.
Поисковая строка реализована с использованием простейшего, но бесспорно функционального скрипта: в неактивном состоянии строка - это всего линь иконка, занимающая минимум места, а при фокусе расширяющаяся, скрывая близлежащие элементы и предлагающая воспользоваться своим пространством для ввода поискового запроса.
Подробнее эту работу можно рассмотреть на скриншотах или перейдя по демо-ссылке.
