WebDesign Master
Курсы
Masonry — создание адаптивных плиток (jquery, masonry, imagesloaded, imagefill, bootstrap, vh)
jQuery

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

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

Поделиться
Твитнуть
Поделиться
Класснуть
Запинить
Masonry — создание адаптивных плиток (jquery, masonry, imagesloaded, imagefill, bootstrap, vh) - Видеоурок
Смотреть урок на YouTube
Создание контентного сайта на Jekyll от А до Я

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

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

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

Создание сайта от А до Я. Комплексный курс

Курс по созданию интернет-магазина на OpenCart

Создание современного интернет-магазина от А до Я

Фриланс для начинающих

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

Другие уроки по теме «jQuery»

  • Нужен ли вам jQuery? По полочкам. Сниппеты You Don't Need jQuery / VSC, Sublime Text
  • jQuery практикум #2. Создание плагина MagnifierRentgen
  • Создание Аккордеона на jQuery
  • Создание jQuery-плагинов #1. Создание плагина-myParallax
  • Parallax (jQuery) - создание параллакс эффекта

Разделы сайта:

  • Курсы
  • HTML и CSS
  • Веб-дизайн
  • Инструменты
  • Оффтоп
  • MODX
  • WordPress
  • jQuery
  • Адаптивный веб-дизайн
  • Создание иконок
  • Обработка изображений
  • Иллюстрации и Инфографика
  • Интерфейсы UI/UX
  • Прототипирование
  • JavaScript
  • Хостинг

Полезные ресурсы:

  • Lazy Load Placeholder
  • Документация Gulp 4
  • Рабочее место разработчика
2021 © WebDesign Master