Как сверстать такой элемент?

WQP: или используй svg - заливай через fill каким угодно цветом.

Как правильно выравнивать изображения разные по размеру?

OVK2015: есть такое, просто когда дедлайн и скорее-скорее надо найти решение - мысли путаются и не следишь за тем, какие применяешь определения - но я вроде решил данную траблу, не по средствам JS а простого CSS. :)

Как найти "шорткод" (текст) и заменить его на нужное значени?

Спасибо, но все таки важно найти простой способ и самописный.

Я пока отталкиваюсь от

var matches = $('body').text().match(/name([A-Z\d]+)/);

Но не могу продумать саму логику работы дальнейшую.