Сайты, дизайн и самостоятельная работа
Сайты, дизайн и самостоятельная работа
Последние публикации
-
![Как показать заказчику варианты композиции страницы на интерактивном прототипе — видео]( "Веб и фриланс")
Как показать заказчику варианты композиции страницы на интерактивном прототипе — видео
Чтобы показать заказчику варианты композиции страницы, подготовьте интерактивный прототип с несколькими сопоставимыми решениями и запишите короткий проход по каждому. Сначала объясните общую…
-
![Видео: как пользоваться сайтом с клавиатуры без мыши]( "Веб и фриланс")
Видео: как пользоваться сайтом с клавиатуры без мыши
Чтобы записать демонстрацию сайта без мыши, заранее выберите короткий пользовательский сценарий, проверьте клавиатурную навигацию сайта и пройдите его клавишами Tab, Shift+Tab, Enter,…
-
![Как снять видеоразбор ошибки вёрстки с шагами для воспроизведения]( "Веб и фриланс")
Как снять видеоразбор ошибки вёрстки с шагами для воспроизведения
Короткий разбор ошибки вёрстки показывает исходное состояние страницы, точные действия для воспроизведения сбоя и наблюдаемый результат. Перед записью подготовьте безопасную тестовую среду,…
Навигатор: Веб и фриланс
Веб-разработка
-
![Как показать заказчику варианты композиции страницы на интерактивном прототипе — видео]( "Веб и фриланс")
Как показать заказчику варианты композиции страницы на интерактивном прототипе — видео
Чтобы показать заказчику варианты композиции страницы, подготовьте интерактивный прототип с несколькими сопоставимыми решениями и запишите короткий проход по…
-
![Разница между display: none и visibility: hidden в веб-разработке: что выбрать?]( "Веб и фриланс")
Разница между display: none и visibility: hidden в веб-разработке: что выбрать?
Для выбора между display: none и visibility: hidden определите, должно ли скрытое содержимое сохранять место в макете. Первое…
-
![Как настроить :focus-visible для заметной клавиатурной навигации на сайте]( "Веб и фриланс")
Как настроить :focus-visible для заметной клавиатурной навигации на сайте
Чтобы клавиатурная навигация оставалась заметной, задайте элементам интерфейса стили через :focus-visible, не отключая резервный фокус для браузеров без…
-
![Как вести список задач проекта в одном сервисе без дублирования]( "Веб и фриланс")
Как вести список задач проекта в одном сервисе без дублирования
Чтобы вести задачи проекта без дублей, выберите один сервис главным реестром, перенесите туда актуальные задачи и назначьте правила…
Дизайн
-
![Веб-разработка: как проверить якорные ссылки при фиксированной шапке сайта]( "Веб и фриланс")
Веб-разработка: как проверить якорные ссылки при фиксированной шапке сайта
Чтобы якорная ссылка не уводила заголовок под фиксированную шапку, задайте целевому элементу CSS-свойство scroll-margin-top с отступом,…
-
![Видеообзор сайта с озвучиванием пользовательских сценариев: короткая запись экрана]( "Веб и фриланс")
Видеообзор сайта с озвучиванием пользовательских сценариев: короткая запись экрана
Короткий видеообзор сайта показывает, как пользователь выполняет конкретную задачу: находит нужную страницу, заполняет форму или оформляет…
-
![Как сделать интерактивный элемент понятным без опоры только на цвет]( "Веб и фриланс")
Как сделать интерактивный элемент понятным без опоры только на цвет
Чтобы интерактивный элемент оставался понятным без цвета, дублируйте цветовой сигнал текстом, формой, значком или расположением. Например,…
Фриланс
-
![Зачем задавать тип кнопки в Html-форме и как это влияет на работу сайта]( "Веб и фриланс")
Зачем задавать тип кнопки в Html-форме и как это влияет на работу сайта
Распространённое заблуждение - считать, что любая кнопка внутри HTML-формы только запускает указанное действие. На самом деле…
-
![Поддержка сайта после проекта: как фрилансеру обозначить границы работ]( "Веб и фриланс")
Поддержка сайта после проекта: как фрилансеру обозначить границы работ
Границы поддержки сайта после завершения проекта нужно закрепить письменно: отделить исправление дефектов от новых работ, перечислить…
-
![Веб-разработка: как задать width и height изображениям, чтобы уменьшить сдвиги макета при загрузке]( "Веб и фриланс")
Веб-разработка: как задать width и height изображениям, чтобы уменьшить сдвиги макета при загрузке
Чтобы уменьшить сдвиги макета, укажите изображениям атрибуты width и height с их исходными размерами, а в…
Все публикации
-
![Как показать заказчику варианты композиции страницы на интерактивном прототипе — видео]( "Веб и фриланс")
Как показать заказчику варианты композиции страницы на интерактивном прототипе — видео
Чтобы показать заказчику варианты композиции страницы, подготовьте интерактивный прототип с несколькими сопоставимыми решениями и запишите короткий проход по каждому. Сначала…
-
![Видео: как пользоваться сайтом с клавиатуры без мыши]( "Веб и фриланс")
Видео: как пользоваться сайтом с клавиатуры без мыши
Чтобы записать демонстрацию сайта без мыши, заранее выберите короткий пользовательский сценарий, проверьте клавиатурную навигацию сайта и пройдите его клавишами Tab,…
-
![Как снять видеоразбор ошибки вёрстки с шагами для воспроизведения]( "Веб и фриланс")
Как снять видеоразбор ошибки вёрстки с шагами для воспроизведения
Короткий разбор ошибки вёрстки показывает исходное состояние страницы, точные действия для воспроизведения сбоя и наблюдаемый результат. Перед записью подготовьте безопасную…
-
![Видео: запись экрана с пояснениями к адаптивным состояниям одной страницы]( "Веб и фриланс")
Видео: запись экрана с пояснениями к адаптивным состояниям одной страницы
Чтобы записать экран с пояснениями к адаптивным состояниям одной страницы, заранее выберите контрольные ширины, подготовьте чистую среду браузера и покажите…
-
![Разница между display: none и visibility: hidden в веб-разработке: что выбрать?]( "Веб и фриланс")
Разница между display: none и visibility: hidden в веб-разработке: что выбрать?
Для выбора между display: none и visibility: hidden определите, должно ли скрытое содержимое сохранять место в макете. Первое свойство убирает…
-
![Веб-разработка: как добавить подсказку к полю формы без потери доступности]( "Веб и фриланс")
Веб-разработка: как добавить подсказку к полю формы без потери доступности
Чтобы добавить подсказку к полю формы без потери доступности, свяжите текст с полем программно через aria-describedby, разместите его рядом и…
-
![Зачем задавать тип кнопки в Html-форме и как это влияет на работу сайта]( "Веб и фриланс")
Зачем задавать тип кнопки в Html-форме и как это влияет на работу сайта
Распространённое заблуждение - считать, что любая кнопка внутри HTML-формы только запускает указанное действие. На самом деле кнопка без атрибута type…
-
![Веб-разработка: как проверить страницу с длинным Url и убрать горизонтальную прокрутку]( "Веб и фриланс")
Веб-разработка: как проверить страницу с длинным Url и убрать горизонтальную прокрутку
Длинный URL вызывает горизонтальную прокрутку, если браузер не может перенести его непрерывную строку, а содержащий его элемент выходит за ширину…
