Пустая главная не становится понятнее от оформления: сначала определите задачу посетителя Открыт шаблон сайта: можно выбрать цвета, перебрать шрифты, добавить готовые секции. Но вопрос «чем заполнить главную?» остается без ответа. Автор откладывает работу над страницей или меняет оформление, надеясь, что вместе с ним появится идея. Если содержание не выбрано, страница может остаться пустой или заполниться разрозненными блоками. Посетителю при этом сложно понять, куда он попал и что здесь можно сделать...
Просто о сайтах
Какие нейросети реально помогают веб-разработчику: обзор по задачам
Нейросети давно перестали быть игрушкой. Но и «волшебной кнопки» не появилось: одни инструменты экономят часы, другие создают больше проблем, чем решают. Разберём, какие нейросети для разработки работают на практике и для каких задач их стоит брать: код, дизайн, тексты, SEO и тесты. Прежде чем перейти к инструментам, три вещи, которые сэкономят вам нервы: С этим можно работать. Это самая зрелая категория. Инструменты делятся на три типа. Ассистенты в редакторе (автодополнение и чат). Работают прямо в VS Code или JetBrains, подсказывают код по ходу набора...
Как не застрять на первой странице: выбирайте инструмент по задаче, а не по списку функций
Когда мне нужно было сделать страницу для личного проекта, казалось, что я учел всё. Вроде бы, это просто: заголовок, описание, способ связи. Но вместо этого я открыл редактор и начал выбирать шаблон, перебирать блоки и гадать, какие параметры обязательно настроить. Вариантов оказалось гораздо больше, чем нужно для первого результата, и каждый выглядел важным. В такой момент легко подумать: «Видимо, для этого нужны специальные знания» или «Этот инструмент слишком сложный». Но у меня была другая причина: редактор просто не подходил моей задаче...
Покупатель нажал Tab, и кнопка "Оформить заказ" пропала. Почему ваш сайт может быть недоступен без мыши
Как проверить ссылки, кнопки и формы, не теряя текущий элемент На странице интернет-магазина есть кнопка оформления заказа. Покупатель нажимает Tab, чтобы перейти к ней, но выделение внезапно исчезает. Следующее нажатие переводит его куда-то дальше, и непонятно, какой элемент сейчас выбран. Пользователь мыши может вообще не заметить проблему: он просто наведёт указатель на нужную кнопку и нажмёт её. Но для человека, который управляет сайтом с клавиатуры, оформление заказа в такой ситуации может оказаться практически невозможным...
Как размеры изображений в разметке предотвращают скачки содержимого страницы
Расскажу, как я сам с этим столкнулся и что в итоге сделал. Указание размеров изображений (атрибутов width и height) в HTML-разметке действительно предотвращает скачки содержимого страницы. Этот эффект называется устранением смещения макета (Layout Shift) и напрямую влияет на показатель CLS (Cumulative Layout Shift) в Core Web Vitals. Пару лет назад я вёл блог о путешествиях. Открываю страницу на телефоне, начинаю читать первый абзац, и вдруг текст уезжает вниз: сверху догрузилась картинка. Я промахнулся мимо нужной ссылки, разозлился и полез разбираться...
