Реальный вариант только один: Нанять/уговорить того, кто разбирается.
Если он вам не подходит - значит вы не очень серьезны насчет проекта, значит вам и безопасность не сильно актуальна.
Решил. При отправке пуша с сервера нужно указывать time_to_live . время актуальности пуша, по умолчанию равно 0. соответственно, при возвращении онлайн - пуш не актуальный
Нужно четко в таком варианте определить размеры, четко определить шрифт и т. п. — чтобы не скакало. Ну и ограничить длину ввода в полях через JS.
UPDATE №1. Шрифт должен быть моноширинным.
UPDATE №2. Есть проблема из-за letter-spacing у последнего символа в input'е (появляется прокрутка). Хак с отрицательным margin на ширину letter-spacing тут не сработает. Я знаю только один вариант исправления этого — div как обертка и блок внутри с тем самым хаком и contenteditable. Т. е. нужно будет настраивать JS для получения данных отсюда. Вот тут это все есть + есть простой скрипт для ограничения вводимых в область символов, чтобы понять идею:
СЕО как астрология. На просторах инета написано много, но нет единой базы знаний и что страшно - никто не понимает как это работает - только догадки. Ну есть конечно такие общие понятия как семантическое ядро (звезды) заголовки и метатеги (созвездия), но вот если углубиться в ранжирование - то мы получаем понятия "близнец сегодня в созвездии девы"
Делать можно как угодно. В частности как вы описали. С использованием javascript + css.
Обычно делают просто адаптивную верстку, иногда скрывают лишние блоки на мобильных, не думаю что нужно что то удалять при смене размера... это точно не очень правильно. Да и закешировать страницу будет неудобно, + сео если страница посадочная. Обычно страница должна быть одинаковая по содержимому и на мобильном и на компьютере, просто нужно менять/скрывать ненужные блоки. Например на широком экране показывать 3 в ряд, а на узком 1 в ряд, но все равно 3.