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

Виконав 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кріни