Курсы
Masonry - создание адаптивных плиток (Masonry, imagesloaded, imagefill, bootstrap, vh)

Masonry - создание адаптивных плиток (Masonry, imagesloaded, imagefill, bootstrap, vh)

Создадим адаптивную плитку изображений с использованием Masonry, ImageFill.js, ImagesLoaded и Bootstrap Grid.

Masonry - создание адаптивных плиток (Masonry, imagesloaded, imagefill, bootstrap, vh) - Видеоурок
Смотреть урок на YouTube
Все курсы канала WebDesign Master

Архив данных для урока: Скачать

Использовали:

Masonry: https://masonry.desandro.com

ImageFill.js: https://johnpolacek.github.io/imagefill.js/

ImagesLoaded: desandro/imagesloaded

Masonry ImageLoaded Script:

var $container = $(".masonry-container");
$container.imagesLoaded(function () {
  $container.masonry({
    columnWidth: ".item",
    itemSelector: ".item"
  });
});

Премиум уроки от WebDesign Master

Курс по созданию сайта от А до Я на Jekyll

Создание сайта от А до Я. Комплексный курс
Большой комплексный курс по современному веб-дизайну

Веб-дизайн с нейросетями для начинающих
Фриланс для начинающих

Я - фрилансер! Базовый курс для начинающих

Другие уроки по теме «Веб-разработка»