Александр

Вот так правильно https://jsfiddle.net/ns8f954h/6/

Добавляем pointer-events: none; элементу .bigImage - всё окей, никаких скачков.

Все правильно у тебя получается. В точности то, что ты написал и никакой магии. Ты создаешь json строку, ее ты пишешь в конец файла, и все. Ты не добавляешь новые данные в json строку, которая в файле. Ты просто пишешь строку в файл: {...}{...}{...}{...}...
Тебе надо переделать свой код, сначала прочитать файл, потом преобразовать данные в json, добавить туда свои данные, преобразовать обратно в строку и перезаписать файл.

$json = file_get_contents($filename);
$array = json_decode($json);
$array[$emailr] = $passwordr;
file_put_contents($filename, json_encode($array));

Также надо учитывать, что файл может оказаться пустым, или битым, то есть добавить проверки на ошибки и тд.

Например, так: https://www.mapbox.com/android-docs/maps/overview/

Я кинооператор, не дизайнер, но попробую бацнуть.

По главной странице:
1) Возможно стоит добавить возможность выбора языка сайта - digital age & multicultural communication & open world бла-бла...
2) Мне интуитивно не ясно зачем этот сайт, что там можно делать. Название уровня домохозяек (нормальное для гос. услуг, я считаю) не дает ответа на вопрос: Что именно "Я сам" могу тут сделать? И это, на мой взгляд, обязано быть отражено в шапке. В названии ли, в слогане ли, еще как-то.. Обязательна немедленная идентификация того, что этот сайт есть такое.
Вы можете мне ответить, что вы эту задачу решили баннером (или как он называется, меня знающие люди поправят), что сразу после шапки. Отчасти да, но баннер этот - это инструмент, так сказать, комментирования, пояснения, а не базовый информационный блок. Возможно это личное, но для меня всякого рода баннеры, которые теперь ассоциируются со слайлдерами (с 2-5 слайдами) - это все дополнительная информация.
3) Почему "Упрощения процедур ведения бизнеса", а не "УпрощениЕ". Ваш сайт - ваша услуга - это упрощение и не важно состоит ли она из множества подуслуг - упрощений))) Только путает. Все неважное - опускается.
4) То, что хедер остается - супер. Но то что он при скролле становится темным - это привлекает внимание резкой смены его тональности. Мне кажется очень неправильно привлекать туда внимание, особенно в момент скроллинга, когда внимание направлено вниз (туда куда скроллят). К тому же, на темном фоне серый шрифт становится нечитаемым. Если необходимо присутствие хедера всегда, то вот из существующих гос. сайтов мне по душе вариант-1 , вариант-2 и вариант-3
4) Выравивание! На остальных страницах еще страннее, но тут "Цифровой город..." почему-то съехал относительно логотипа вправо. Мотивации я не нашел.
5) Блок "Как получить нужную вам услугу" начинается то ли как переход от прошлого блока, то ли как не взначай новый блок... Я бы как-то давал понят более явно о завершении одного блока и начале другого.

По странице профиля:
1) Выравнивание! "Я сам" на одной линии, навигатор сайта на другой, лого пользователя на третьей, заявки на четвертой. Хорошо, хоть иконки под заявками выравнены)))
2) Даже если иконок будет две и нечем заполнить эти 25 процентов вертикали страницы, то, мне кажется, каким-то образом надо дать пользователю понять, что там под иконками не белое море пустоты. Интересным образом поступили на налог.ру если войти в свой личный кабинет, там сначала большой баннер "У вас нет за должностей", а потом как и у вас две иконки, под которыми сразу футер. Баннер как раз съедает это пустое место, давая возможность сразу после иконок пустить футер. Или поднимать футер выше, как вы сделали на этой странице.

По этой странице:
1) Заголовки ("Энергосбережение", "Газоснабжение" и т.д.) имеют отступ от своего блока и не имеют отступ от предшествующего блока, что странно. Видимо, должно быть ровно наоборот, так, чтобы заголовок был ближе к собственному, а не "постороннему" блоку информации.
2) Очень прикольные анимированные чекеры квадратиков. Даже нее знаю, хорошо ли это. Мне захотелось поиграться и потыкать на разные квадратики. Словом, строгость сайта это не поддерживает - для единого стиля, я бы оставлял анимацию, но снизил бы ее эффектность. А вообще, даже классно - немного расслабляет от занудного заполнения бюрократии.
3) Паспортные данные, Дата выдачи. Я бы стрелочку вниз (на выпадающий календарь) заменил именно иконкой календаря. А стрелочки, позволяющие изменять значение +/- пункт одного из значений, я бы ставил прямо внизу и сверху от изменяемого значения - прямо над и под днем, месяцем, годом. Разумеется при выборе дня, стрелочки над месяцем и годом не видны.
4) Опционально - кнопку "Отправить" я бы выделял относительно рядовых инструментов управления, т.к. ее действие так сказать не обратимо и требует особого внимания (уверенности о правильности заполнения формы) при нажатии. Но это классика лендингов))
5) В футере слова "FAQ" я бы заменил смайликом, показывающем средний палец.. Шучу))

Все основное, что бросилось в глаза.

Ещё один пример применения препроцессоров - работа с цветами
Гораздо проще присвоить базовый цвет переменной и от него потом плясать, чем каждый раз вычислять новый цвет в фотошопе и копировать его шестнадцатиричный код.
А если потом на всей странице понадобилось заменить базовый цвет - то не придётся заново вычислять все остальные цвета и менять их, достаточно будет поменять значение переменной

Особенно заходит в комбинации с примесями, где к примеру можно задать на вход цвет фона кнопки, а примесь сгенерирует правило и для самой кнопки, и для её отключённого варианта (например, полупрозрачную с приглушёнными цветами), и для варианта с наведением мышки (более яркий или тёмный цвет) - и всё это не придётся делать вручную, достаточно только примесь определить и использовать везде, где она нужна.

У вас проблема не в иконке (хотя её тоже нужно поменять), а во взаимосвязи между блоками (а точнее, в её отсутствии). Эти три блока выглядят так, будто каждый из них сам по себе, а не элемент последовательной цепочки. Посмотрите, как выглядит визуализация пошагового интерфейса здесь: https://semantic-ui.com/elements/step.html

parseInt('23%') // 23

уже классика

привет. можно сделать через slick, owl-carousel. через center mode true. Среднему элементу карусель дает клас active и center. потом кастомизируешь как тебе угодно. Задаешь например .owl-item.active.center {transform: scale(1.05)}; .owl-item {transform: scale(0.95)};

Да, есть способ лучше. Дать щщей дизайнеру за такое.
А по делу: я бы взял 4 дива и не переживал по поводу лаконичности.

var name = $('#name').val();
$.ajax({
  url: "/api/user.php",
  data: {'username' : name, 'action' : 'getlogin'},
  success: function(data) {
    console.log(data);
    var data = data;
    if (data.status == 1) {
    	alert('OK');
    }
  }
});

Можно в флекс контейнер засунуть эти блоки https://codepen.io/you_web/pen/xzRwGd
А еще можно через гриды (но тут IE идёт мимо) https://codepen.io/you_web/pen/vryNow

View -> убрать галочку Word Wrap