Верстка проекту DumDJ - chomovva

Виконав html-верстку проекту сайту для школи юних діджеїв DumDj.

Адреса сайту школи: http://dumproduction.fun/

Моя роль у проекті:

  • розробка концепції інформаційної структури головної сторінки сайту;
  • розробка layout-а і підбір psd макета;
  • верстка.

Детальніше про проект верстки

Проект верстки виконаний на Gulp.js. Стилі написані на препроцесорів SASS (синтаксис SCSS), html-код на препроцесорів PUG (Jade).

Верстка сайту адаптивна, добре відображається на мобільних пристроях і десктопах.

Головна сторінка виконана у вигляді лендінга. На першому екрані передбачено завантаження фонового відео за допомогою jQuery Video Background plugin.

Надалі верстка інтегрувалася на CodeIgniter.

Бібліотеки та фреймворки, які я використав:

  • FlexboxGrid.css – модульна бутстрап подібна сітка на флексбоксах;
  • LazyLoad.js – jQuery плагін для додавання “ледачого” завантаження зображень;
  • Superembed.js – виявляє вбудоване відео популярних відеосервісів і робить його адаптивним;
  • Fancybox.js – jQuery плагін для створення модальних вікон і галереї;
  • jQuery – популярний JavaScript фреймворк;
  • Slick.js – популярний слайдер;
  • jQuery Video Background plugin – jQuery плагін для додавання на сайт блоку з фоновим відео.

Cкріни

Макет головної сторінки сайту
Макет головної сторінки сайту
голос
Рейтинг статті
Підписатися
Сповістити про
guest
0 Коментарі
Вбудовані Відгуки
Переглянути всі коментарі
0
Ми любимо ваші думки, будь ласка, прокоментуйте.x
()
x