
Верстка проекту DumDJ
html-верстка проекту сайту для школи юних діджеїв DumDj. Верстка адаптивна, виконана на Gulp.js з використанням препроцесорів SASS і PUG.
Виконав 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кріни
Підписатися
0 Коментарі