Просто о сайтах

Когда мне нужно было сделать страницу для личного проекта, казалось, что я учел всё. Вроде бы, это просто: заголовок, описание, способ связи. Но вместо этого я открыл редактор и начал выбирать шаблон, перебирать блоки и гадать, какие параметры обязательно настроить. Вариантов оказалось гораздо больше, чем нужно для первого результата, и каждый выглядел важным. В такой момент легко подумать: «Видимо, для этого нужны специальные знания» или «Этот инструмент слишком сложный». Но у меня была другая причина: редактор просто не подходил моей задаче...

Как проверить ссылки, кнопки и формы, не теряя текущий элемент На странице интернет-магазина есть кнопка оформления заказа. Покупатель нажимает Tab, чтобы перейти к ней, но выделение внезапно исчезает. Следующее нажатие переводит его куда-то дальше, и непонятно, какой элемент сейчас выбран. Пользователь мыши может вообще не заметить проблему: он просто наведёт указатель на нужную кнопку и нажмёт её. Но для человека, который управляет сайтом с клавиатуры, оформление заказа в такой ситуации может оказаться практически невозможным...

Расскажу, как я сам с этим столкнулся и что в итоге сделал. Указание размеров изображений (атрибутов width и height) в HTML-разметке действительно предотвращает скачки содержимого страницы. Этот эффект называется устранением смещения макета (Layout Shift) и напрямую влияет на показатель CLS (Cumulative Layout Shift) в Core Web Vitals. Пару лет назад я вёл блог о путешествиях. Открываю страницу на телефоне, начинаю читать первый абзац, и вдруг текст уезжает вниз: сверху догрузилась картинка. Я промахнулся мимо нужной ссылки, разозлился и полез разбираться...

Искать идеальный инструмент не нужно — выбор определяется задачей страницы и нужной гибкостью Новичок хочет сделать страницу для учебного проекта, работы или собственной идеи. Вместо того чтобы набросать ее содержание, он открывает сравнения конструкторов и способов писать код. Чем больше различий он замечает, тем сильнее опасается ошибиться и все переделывать. А самой страницы по-прежнему нет. Так выбор инструмента превращается в отдельный проект, который не приближает к результату. Причина часто не в недостатке обзоров, а в том, что пока неясно, какую задачу должен решить сайт...

Когда я собирал свою первую страницу-портфолио, я положил на неё всё, что у меня было: слайдер, шкалы навыков, длинную биографию и даже фотографии кота. Заказчики пролистывали её за десять секунд и уходили. После трёх переделок я понял главное: портфолио не витрина всего, что вы умеете. Это короткий ответ на вопрос «стоит ли работать с этим человеком?». Расскажу, какие блоки нужны точно, а какие можно смело выбросить. 1. Первый экран. Человек решает, остаться ли на странице, за несколько секунд....