Александр Миранович

https://jsfiddle.net/rbs0dmb3/32/

https://jsfiddle.net/rbs0dmb3/30/

подключи imagesloaded.js как то так

<script src="imagesloaded.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#page').imagesLoaded(function () {
            $('#page').masonry({
                itemSelector: '.post' 
            });
            ;
        });
    });
</script>

тогда masonry начнет срабатывать только после загрузки картинок
https://github.com/desandro/imagesloaded

Ну так когда через js вставляете'<li> asdflsadjfl</li> ' добавьте в конце пробел, если он так не срабоатывает поставьете его через спецсимволы
'<li> asdflsadjfl</li>&nbsp;'

jsfiddle.net/f48ZD/509

А как ты хочешь проверить свой код, по html исходнику, ты что надеешься написать идентичный код. У одного и того же сайта может быть много вариантов хорошего кода, и все они отличаются между собой, в зависимости от верстальщика. Найди psd, который, как тебе кажется ты сможешь сврестать хорошо залей на бесплатный хостинг готовую работу, и попроси на форуме, в группах в ВК по html, что бы оценили. Ребят так и так я мол новичок, кому не сложно оцените и подскажите ошибки.

Как то так jsfiddle.net/f48ZD/506

html код покажите

jsfiddle.net/f48ZD/471

как то так jsfiddle.net/f48ZD/456

jsfiddle.net/f48ZD/433
я там указал только 3 строки, что бы быстрее было видно, как работает скрипт, поменяйте на 20

Почему не работает, все работает https://jsfiddle.net/594e2fd5/1/ . Когда у родителя задана высота.