Core JavaScript Multi Column Layout Grid Programming Tutorial

[@slidewineder3953]

Just starting out with Javascript and I find these videos incredibly helpful even though I don't fully grasp everything going on in them.

[@ttime9723]

Adam, you are easily one of the best tutors out there! Video's are always to the point and very clear. Thank you so much!

[@MpeteloVemba]

Great tutorial as usual. I am learning allot since I started watching your videos. Thank you Adam.

[@peterm.souzajr.2112]

super helpful for my multi column and multi row social network ! so easy to follow

[@Ladynatalie33]

Thank you for this great tutorial. Best explanation, best pronounciation (as I am German) and very helpful to me.

[@crestinglight]

Thank you for this. I was really struggling with getting a masonry layout that renders horizontally.

[@myvarsity]

Brilliant as usual

[@sunmustbedestroyed]

Thanks! Great vid as always.

[@AdamKhoury]

[@Chandrapratap000]

very nice :)

[@alfa3410]

Mel Dedara I have the same problem!

[@Jake-gh4vg]

Can you plese make a tutorial on how to make the js grid responsive PLEASE!!!!!

[@monkeysarecool1877]

Yeah! that would be very cool :P

[@dripcode8344]

I'm having a problem too on that Arqetech Main Mel Dedara Adam Khoury Please HELP

[@AlfonsoM422]

awesome tutorial!

[@JC-sq9ek]

Is it hard to make this responsive?

[@josher3436]

Excellent video thanks....

[@mamdouhzaq]

Great Tut, Thank you :)

[@RmonikMusic]

The problem with this method is you're always using the same colums. What i mean is that if you were to have every third element to be much larger than the others, the third column would be much longer rather than having the new elements fit in wherever they find a spot.

[@gravics]

Very smart! Thanks.

[@decojoe5660]

Adam your videos are Super practical; awesome good stuff. by any chance do you have a video that shows how to build a grid similar to turbo tax or quicken loans ? I'm looking to do just 2 vertical columns on an app with the ability chance the colors. thanks

[@fahim52510]

Hi, Adam thanx a lot for this magical tutorial. I just finding it. is it supported mixItUp or Isotope like Jquery plugin ? Otherwise what solution to create this type of effective portfolio?? reply hurry up please ...........

[@sdhpCH]

Adam, is THAT all the magic behind masonry?

[@danysinchro]

Awesome.

[@atypical_blk_guy]

Is there a way to make a grid that has just three boxes? The first box would have a width of 700px and I want the other 2 boxes to be to the right of the large one but stacked on top of each other. Can that be rendered as well?

[@GeofreyBanzi]

Is there a way for me to make these boxes show their contents?

[@islammurat8853]

to make them work on tab or mob should i reload the page ???

[@rogernkosi8420]

nice one

[@Natasha-mj4uz]

hey can you guys help in small problem, it is about how to make columns display like Grid and List like that in KZbin

[@malakali-kx3uy]

I used your code in cordova app that support html , js and css to run on mobile screen ,but the code doesn't work on mobile screen until l resized and rotated from vertical mode to horizontal mode . can you help me, How can I solve this problem ?

[@SimonArturius]

thanks man...:-)

[@황창하-e2r]

perfect

[@eliasabraham8164]

i really don't understand this part if(i % cols == 0) well since the columns are 14 then that's not true because he has set i to 1 please can someone tell me whats going on

[@AhmedAnmar300]

I don't understand it too plz any clarification

[@kalamashaka8280]

when i stands for number divided by number of columns or cols we want is equals to 0

[@itsme-gp3ce]

'%' is an arithmetic operator called "modulus" or modular operator..it returns the division remainder ...for example we have var x = 9 and y = 2 ..z = x % 2.. the z value will be 1....

[@ashe4158]

The statement " if(i % cols == 0) " , which includes the modulus, returns true in instances where the number of columns divided into the number of cards has no remainder. For example, if you have any multiple of 3, then the statement would return true because an even division occurs (3 cards / 3 columns, 6 cards/3 columns, 9 cards/3 columns) and there are no remaining cards that need to be pushed to a new row, and thus re-styled for proper positioning. In cases where you don't have a multiple of 3 a remainder occurs and the statement returns false (i.e. 4 cards/ 3 columns --> 1 card remaining ; 8 cards/ 3 columns --> 2 cards remaining). In the latter case, you have to restyle the cards in order to properly position cards that don't have a full row.

[@NelsonBiglar]

can this work with wordpress where if a post is created it will add it to a specific block?

[@General_Aladeen]

of course it is.

[@name.victor]

How do I do this responsive?

[@gravityarm9240]

It's script equal masonary plugin ?

[@sirsaikoplays]

no

[@codalite]

Who is that gay that made a dislike???

[@rahulvanave]

it's not responsive, though

[@Fullrusher]

I find this stuff impossible to learn , I’m on the verge of giving in

[@jdbalboa]

Adam your videos are Super practical; awesome good stuff. by any chance do you have a video that shows how to build a grid similar to turbo tax or quicken loans ? I'm looking to do just 2 vertical columns on an app with the ability chance the colors. thanks