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