roswell

Верстай на том, что работает и всех устраивает.
ЗЫ: интересно было бы взглянуть на те "серьёзные проекты".

.ptxt {
    /* ... */
    display: inline;
}

ScrollSpy и Color Animation.

С разморозкой. Всё нормализовалось, с тех пор даже гугл выкатил подборку шрифтов, бери-не-хочу.

https://nextparticle.nextco.de/

https://jsfiddle.net/94vcz3kz/

Атрибут src у img не может быть пустым, поэтому в DOM творится бесовщина. Поместите туда хотя бы пустой PNG:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABEAQAAADljNBBAAAAC0lEQVQI12NgAAIAAAUAAeImBZsAAAAASUVORK5CYII=" />

Просто такой способ выключения атрибутов. Можно сказать, что они «закомментированы».

На самом деле, от MODx тут зависит не так уж много, а поставленную задачу вполне можно решить средствами CSS.

Вместо Socialico отлично подойдёт Font Awesome.

border-radius: 50%;

.alerts { ...; border-collapse: collapse; }
.alerts td { ...; border: none; }