Сайты, дизайн и самостоятельная работа
Сайты, дизайн и самостоятельная работа
Последние публикации
-
![Сниппеты и комментарии в макете: как передать дизайн разработчику]( "Веб и фриланс")
Сниппеты и комментарии в макете: как передать дизайн разработчику
Чтобы передать макет разработчику без догадок, выделите повторяемые или сложные фрагменты в сниппеты, а в комментариях укажите назначение, поведение, ограничения и состояния…
-
![Семантическая разметка навигации сайта: когда использовать списки и ссылки]( "Веб и фриланс")
Семантическая разметка навигации сайта: когда использовать списки и ссылки
Семантическая разметка навигации помогает обозначить назначение меню и связи между его пунктами. Используйте <nav> для крупных блоков навигационных ссылок, списки - для…
-
![Фриланс: как согласовать порядок работы, если заказчик присылает правки частями]( "Веб и фриланс")
Фриланс: как согласовать порядок работы, если заказчик присылает правки частями
Если заказчик присылает замечания частями, договоритесь о сроке сбора комментариев и вносите их после получения единого списка. Зафиксируйте этапы, критерии приёмки и…
Навигатор: Веб и фриланс
Веб-разработка
-
![Как подготовить кейс в портфолио из небольших задач проекта]( "Веб и фриланс")
Как подготовить кейс в портфолио из небольших задач проекта
Если проект состоял из небольших задач, объедините их в кейс через общий контекст: для кого и зачем выполнялась…
-
![Сниппеты кода: как настроить инструменты для повторяющихся фрагментов работы]( "Веб и фриланс")
Сниппеты кода: как настроить инструменты для повторяющихся фрагментов работы
Сниппеты кода - это шаблоны для повторяющихся фрагментов, которые редактор вставляет по короткому триггеру. Чтобы настроить их безопасно,…
-
![Фриланс: как подготовить вопросы к первой встрече по редизайну сайта]( "Веб и фриланс")
Фриланс: как подготовить вопросы к первой встрече по редизайну сайта
Перед первой встречей по редизайну сайта фрилансеру важно изучить текущий ресурс, подготовить вопросы о целях бизнеса, пользователях, сроках,…
-
![Как смонтировать обучающее видео с субтитрами и понятными названиями разделов]( "Веб и фриланс")
Как смонтировать обучающее видео с субтитрами и понятными названиями разделов
Монтаж обучающего ролика начинается с учебной цели: сначала определите, что зритель должен понять или сделать, затем выстройте материал…
Дизайн
-
![Организация папок и имён файлов в проекте веб-дизайна: рабочие инструменты]( "Веб и фриланс")
Организация папок и имён файлов в проекте веб-дизайна: рабочие инструменты
Организуйте проект веб-дизайна по этапам работы: отдельно храните материалы клиента, редактируемые исходники, экспорты и файлы передачи.…
-
![Как проверить адаптивную вёрстку на реальных размерах экранов без привязки к моделям устройств]( "Веб и фриланс")
Как проверить адаптивную вёрстку на реальных размерах экранов без привязки к моделям устройств
Проверяйте адаптивную вёрстку по ширине окна браузера и поведению компонентов, а не по названиям моделей устройств.…
-
![Дизайн интерфейса без изображений и пользовательских данных: принципы проектирования]( "Веб и фриланс")
Дизайн интерфейса без изображений и пользовательских данных: принципы проектирования
Если изображений и пользовательских данных пока нет, проектируйте интерфейс вокруг сценариев, структуры и состояний, а не…
Фриланс
-
![План видео о создании страницы: от макета до браузера]( "Веб и фриланс")
План видео о создании страницы: от макета до браузера
Чтобы снять ролик о создании страницы, покажите один непрерывный рабочий маршрут: подготовку макета, HTML-структуру, стили, интерактивность,…
-
![Как записать скринкаст с курсором, масштабированием и паузами для объяснения кода]( "Веб и фриланс")
Как записать скринкаст с курсором, масштабированием и паузами для объяснения кода
Чтобы записать скринкаст с кодом, заранее подготовьте проект и короткий сценарий, настройте заметный курсор и выберите…
-
![Как организовать Css-стили по компонентам для удобной поддержки проекта]( "Веб и фриланс")
Как организовать Css-стили по компонентам для удобной поддержки проекта
Чтобы организовать CSS-стили по компонентам и упростить поддержку проекта, сначала проведите аудит существующих правил, затем распределите…
Все публикации
-
![Сниппеты и комментарии в макете: как передать дизайн разработчику]( "Веб и фриланс")
Сниппеты и комментарии в макете: как передать дизайн разработчику
Чтобы передать макет разработчику без догадок, выделите повторяемые или сложные фрагменты в сниппеты, а в комментариях укажите назначение, поведение, ограничения…
-
![Семантическая разметка навигации сайта: когда использовать списки и ссылки]( "Веб и фриланс")
Семантическая разметка навигации сайта: когда использовать списки и ссылки
Семантическая разметка навигации помогает обозначить назначение меню и связи между его пунктами. Используйте <nav> для крупных блоков навигационных ссылок, списки…
-
![Фриланс: как согласовать порядок работы, если заказчик присылает правки частями]( "Веб и фриланс")
Фриланс: как согласовать порядок работы, если заказчик присылает правки частями
Если заказчик присылает замечания частями, договоритесь о сроке сбора комментариев и вносите их после получения единого списка. Зафиксируйте этапы, критерии…
-
![Дизайн мобильного меню: как выбрать структуру для длинного списка разделов]( "Веб и фриланс")
Дизайн мобильного меню: как выбрать структуру для длинного списка разделов
Для длинного списка разделов обычно удобнее вложенное меню с понятными группами: оно сохраняет обзор и помогает перейти к нужной категории…
-
![Как записать разбор кода на видео, чтобы зрителю было легко следить за изменениями]( "Веб и фриланс")
Как записать разбор кода на видео, чтобы зрителю было легко следить за изменениями
Чтобы зрителю было легко следить за изменениями, заранее выберите небольшой связный фрагмент, покажите исходное состояние проекта и двигайтесь по правкам…
-
![Как подготовить кейс в портфолио из небольших задач проекта]( "Веб и фриланс")
Как подготовить кейс в портфолио из небольших задач проекта
Если проект состоял из небольших задач, объедините их в кейс через общий контекст: для кого и зачем выполнялась работа, какие…
-
![Формы на сайте: валидация полей и понятные сообщения об ошибках]( "Веб и фриланс")
Формы на сайте: валидация полей и понятные сообщения об ошибках
Валидация формы проверяет, что пользователь ввёл данные в нужном формате, и помогает исправить ошибку до отправки. Надёжная форма использует ограничения…
-
![Организация папок и имён файлов в проекте веб-дизайна: рабочие инструменты]( "Веб и фриланс")
Организация папок и имён файлов в проекте веб-дизайна: рабочие инструменты
Организуйте проект веб-дизайна по этапам работы: отдельно храните материалы клиента, редактируемые исходники, экспорты и файлы передачи. Заранее согласуйте структуру папок…
