Build A Masonry Grid With The Masonry JS Library | Quick Tutorial

Build A Masonry Grid With The Masonry JS Library | Quick Tutorial

115 View

Publish Date:
6 May, 2023
Category:
Home Improvement
Video License
Standard License
Imported From:
Youtube

Build a responsive masonry gallery using the Masonry JS library. Add multiple styles of cards with different heights and use Masonry JS to add the beautiful masonry grid in minutes.

Get The Source Code From All Of My Videos:
https://www.buymeacoffee.com/webcode/membership

Project Dependencies:
-----------------
Masonry JS Library
https://masonry.desandro.com/

Jquery
https://jquery.com/

Image Loaded Plugin
https://www.jqueryscript.net/loading/jQuery-Plugin-For-Detecting-Images-Have-Been-Loaded-imagesLoaded.html

-----------------

Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)

All of my project are made from scratch by yours truly. I don't take anyone's code as my own, but I do often see my code being copied and pasted into other channels for their tutorials, so of you see an exact copy of a project on another tutorial, just know that the one on my channel is the original one.

Timestamps
0:00 Intro
0:10 Preview
1:26 HTML
4:29 CSS
6:06 Javascript

Extra Links:
-----------------

Follow me on Instagram:
https://www.instagram.com/quickcodingtuts/

My Products:
https://www.buymeacoffee.com/webcode/extras

Support Me To Keep Creating And Improving My Content:
https://www.buymeacoffee.com/webcode/membership

Tags:
-----------------
#masonry
#design
#code


Did you miss our previous article...
https://learningvideos.club/home-improvement/2017-mcaa-fastest-trowel-on-the-block