babaeva-design.ru

Сайт на нескольких языках.
Главная — это страница с работами.
Оформление главное — основная трудность.
Здесь было применена оптимизация — загрузка изображения по мере надобности, различные изображения для разных размеров экранов с сохранение адаптивности.
Для главной страницы было нарезано более 150 миниатюр, так как блоки с сетке на главной зависят от размеров изображения.
При создание сетки использовались: jQjery, Lazy плагин, Masonry, Fancybox и контроль за размерами экрана (мобильных) — Modernizr.
Разработан отдельный плагин для полного контроля над сеткой:

  • JS: Контроль размеров изображений на главной.
  • Plugins: Создан отдельный тип материала и страница очереди загрузки изображений (для контроля последовательности расположения изображений)