Сергей Андреев

CSS media query используйте

@media (max-width: 640px) {
// ваш код
}

судя по вашему вопросы, вам надо на jQuery

$(function(){
$modal = $('.my-modal-for-show-after-page-load');

// если просто через display: block/none;
$modal.show(300);

// либо bootstrap modal
$modal.modal('show');
});

Это самый точный ответ для вашего вопроса )

Теоретически это доказано) клеточные автоматы, игра жизнь и т.д. Почитайте про это, интересно.

Верстальщику может быть и нет, фрон-енд разработчику без этого ни как, когда нужно архитектуру делать.

Можно скриптом считать высоту и через

position:absolute;
top: Y;
left: X;

Позиционировать блоки

На самом деле можно через custom post_type, добавить ему ещё одно поле "кому отправлено" там хранить id пользователя.

$user_messages = get_posts(array( // получить все сообщения текущему пользователю
  'post_type'   => 'user_messages',
  'meta_query'  => array(
    array(
      'key'=> 'user_id',
      'value' => $correct_user_id,
    )
  )
));

Но я бы всё же делал через свою таблицу в mysql, благо это не сложно

в Crome DevTool можно ставить обработчики на dom, на изменении содержимого и на изменение атрибутов, и как только скрипт что-то поменяет, у тебя тут же включиться дебагер. Очень удобно.

По всей видимость вы придумали неправильное решение вашей задачи, и ищите тут как его реализовать. Давайте вы лучше скажите что вам нужно на самом деле, а те то что вы тут просите.