Вы отписались от «Советов за неделю»
Вы подписались на «Советы за неделю». Спасибо!
Ваша подписка подтверждена

167 советов Половнёва и Кулматова

ПН
Вдохновение
Артём Горбунов
ВТ
Интерфейс и навигация
Илья Бирман
СР
Типографика и визуализация
Нозик и Мисютина
ЧТ
Разработка
Половнёв и Петров
ПТ
Управление
Николай Товеровский
СБ
Фото и иконки
Колпаков и Чикин
ВС
Текст
Максим Ильяхов
Ретушь лиц и портретов
Юлия Бурдукова

Оставьте почту, чтобы получать советы каждую неделю.

Чеклист публикации сайта Ошибки вложенности в ХТМЛ Что дизайнеру стоит знать о редиректах? Как сделать подчёркивание ссылки, как у Бирмана? Что думаете о задании цвета через его веб‑название? Типовые решения в вёрстке. Как сверстать гамбургерное меню Что дизайнеру стоит знать о якорных ссылках? Типовые решения в вёрстке. Как сверстать визитку В Сафари появилось распознавание текста на картинках. Иногда текст странно выделяется и копируется. Что поделать? Типовые решения в вёрстке. Как сверстать простой подвал Ключевые слова min‑content, max‑content и fit‑content в ЦСС Гриды «на пальцах». Четвёртая часть: ключевое слово auto Что дизайнеру стоит знать о разметке для поисковиков Как сделать индикатор прохождения задания, как в книгах бюро Расскажите о современных способах и тонкостях вёрстки таблиц Как отлаживать странное? Вторая часть Логические свойства в ЦСС Что думаешь о ChatGPT? Принцип «никто не забыт, ничто не забыто» Каким образом вы копите различные знания в виде текста, картинок, видео? Где использовать гриды, а где флексбоксы Расскажите о выравнивании текста в гридах Гриды «на пальцах». Третья часть: выравнивание Гриды «на пальцах». Вторая часть: раскладка Гриды «на пальцах». Первая часть: ячейки и направляющие Как лучше всего сверстать листинг на текстовой странице? Флексбокс «на пальцах». Четвёртая часть: автоматические маржины Некоторые приложения спрашивают действующий пароль, если я хочу его поменять. Зачем? Что делают разработчики бюро, пока у дизайнеров ещё не готовы макеты Флексбокс «на пальцах». Третья часть: размеры и порядок элементов Флексбокс «на пальцах». Вторая часть: перенос элементов Возможно ли делать сайты, где человек остаётся на том месте, где читал Флексбокс «на пальцах». Первая часть: оси и выравнивание Как экспортировать картинки в правильном формате из Фигмы? Расскажите о типографике в вёрстке. Часть 5 Расскажите о типографике в вёрстке. Часть 4 Расскажите о типографике в вёрстке. Часть 3 Расскажите о типографике в вёрстке. Часть 2 Расскажите о типографике в вёрстке. Часть 1 Как лучше задавать отступы в потоке модулей и элементов? Как улучшить процесс модерации Вы говорили о забугорных сервисах конструкторах сайтов, которые не известны у нас Принцип «чем меньше изменений, тем лучше» Как работает обратный отсчёт в письме Расскажите, как устроены тесты в Школе бюро Как быстро и без миганий загружать веб‑шрифты. Вторая часть: сабсеты Расскажите о каскаде в CSS Как правильно называть цвета в дизайн‑системе? Какие ступени пройти, чтобы стать лучше, как дизайнер, будучи разработчиком? Расскажите о горячих клавишах на сайтах Как менеджеру продукта учиться разбираться в технологиях разработки? Не получается разбивать большие эпики или стори на более мелкие таски Сколько времени тратите на планирование реализации «фичи» и сколько времени на написание самого кода? Как сделать вынос ссылок в отдельную колонку? А может быть маг полководцем или полководец магом? Как в аврале уделять время росту? Как вы понимаете, что интерфейс будет хорошо смотреться на «неретинах»? Расскажите об обязанностях технического директора в бюро. Вторая часть: встречи один на один Как бороться с багами? Часть третья: source maps Как бороться с багами? Часть одиннадцатая: не утонуть в багах и глюках Что нужно, чтобы сайт на Айфоне выглядел также как на Андроиде, а не в два раза меньше? Как бороться с багами? Часть пятая: отслеживать производительность Отслеживаете ли вы производительность программистов? Новичок в команде считает, что стандарты качества продуктов низкие, а знания и опыт устарели из‑за инертности Почему какие‑то значения font‑weight в СSS пишут цифрами, а какие‑то словами? Чеклист безопасности в интернете. Что можно сделать прямо сейчас? Какую библиотеку вы используете при смещении фона? Автотесты «на пальцах». Четвёртая часть: гигиена Автотесты «на пальцах». Третья часть: как тестировать модуль, использующий другой модуль Автотесты «на пальцах». Вторая часть: что и как тестировать у модуля Автотесты «на пальцах». Первая часть: пирамида тестов Джанго или Рельсы? Несколько месяцев назад меня повысили из обычного разработчика до «тимлида» Как отслеживать и обрабатывать чит‑коды Принцип «не протыкал — не сделал» Есть ли смысл учить Ruby on Rails в 2019 году? Как переходить на переписанные с нуля сервисы? Что почитать, чтобы прокачаться в Гите? Расскажите о безголовом Хроме Cверстать рамку с прерыванием без мороки с маской не получится Логотип в вёрстке сильно отличается от логотипа в макете Принцип «в письме всё есть» Руст, а чем плох br? Как устроено ограничение максимальной ширины сайта бюро При клике на кнопку нужно плавно прокрутить страницу к форме Как в бюро верстают электронные письма и рассылки. Третья часть: рассылки Школы и Издательства бюро Cтоит задача придумать интересные эффекты и анимации Как в бюро верстают электронные письма и рассылки. Вторая часть: рассылка советов Руст, можно ли сделать такую кнопку без фоновой картинки? Продолжение Как оттипографить текст там, куда ручным типографом не добраться Можно ли сделать такую кнопку без фоновой картинки? Как в бюро верстают электронные письма и рассылки Есть способ заставить такую анимацию работать в зависимости от скролла? Каким способом сделать простую анимацию на спрайтах Как работает кнопка «Скопировать»? Как устроена беспарольная аутентификация почтой Как сверстать такие чекбоксы и радиокнопки без Яваскрипта Как сверстать прокручивающееся меню для мобильных? Вторая часть Как вы проверяете соответствие вёрстки макету Как спрятать экранную клавиатуру в Айфоне? Расскажите об обязанностях технического директора в бюро EM или REM? Как попросить клиента помочь с дебагом? Заметил, что это не просто линейный градиент, а с использованием блюра или чего‑то такого Как бороться с багами? Часть десятая: порефлексировать Заголовок на этой картинке можно сверстать текстом. Как? Как бороться с багами? Часть девятая: исправить Можно ли достичь эффекта переливания без встраивания видео на сайт? Можно ли сверстать заголовок так, чтобы вместо цвета он был залит изображением? Как бороться с багами? Часть восьмая: изолировать Как сверстать прокручивающееся меню для мобильных? Как бороться с багами? Часть седьмая: повторить Почему вы используете jQuery для хождения по дереву и управления событиями? Как бороться с багами? Часть шестая: алгоритм Если картинка отвалится или окажется неправильного размера — сломаются блоки. Как быть? Что должен уметь ведущий разработчик в бюро? Что делать с версткой под ИЕ? Как бороться с багами? Часть четвёртая: логи Не преступление использовать Бутстрап? Как бороться с багами? Часть вторая: отслеживание ошибок Плитка, ховер с тенью, можно листать, двухпиксельная обводка Как бороться с багами? Часть первая: гигиена кода Чем дизайнеру могут помочь инструменты разработчика в браузере (отладка анимаций) Как сменить домен сайта, не теряя пользовательских данных? Можно ли применять вариативные шрифты в вебе Что за font‑family? Где его взять? Как сверстать плашку с размытием фона? Заметил, что сайт бюро перешёл на HTTPS. Расскажите, как переходили? Как сделана залипающая кнопка на странице книжной полки Расскажите о дизайне REST API Как избавиться от пробелов между инлайн‑блоками Как быстро и без миганий загружать веб‑шрифты? Как верстать электронные письма? Как отлаживать странное? Почему при оборачивании картинки появляется лишний пробел Почему заголовку надо задавать дополнительный отступ, чтобы он попал в интерлиньяж (продолжение) Как железобетонно определить, печатный ли символ ввёл пользователь? Почему заголовку надо задавать дополнительный отступ, чтобы он попал в интерлиньяж Зачем дизайнеру Бутстрап? Что дизайнеру стоит знать об адаптивном дизайне в вёрстке? Чем дизайнеру могут помочь инструменты разработчика в браузере? Как раскладывать ХТМЛ‑элементы на странице. Часть третья: флексбоксы в каталогах и выдаче Как раскладывать ХТМЛ‑элементы на странице. Часть вторая: флексбоксы Cуществует ли современный способ вывода знака рубля для всех устройств Как в ХТМЛ верстать картинки, списки и таблицы Часто у страницы есть несколько блоков, имеющих фон шириной в 100% и несколько блоков без фона Как раскладывать ХТМЛ‑элементы на странице. Часть первая: боксы и позиционирование С помощью чего собрать простой прототип на веб‑технологиях? Хочу научиться верстать, но не знаю с чего начать (продолжение) Зачем дизайнеру прототипирование при помощи веб‑технологий? С чего начать? Планируете ли выложить Педанта в открытый доступ? Что писать в комментарии к коммиту? Хочу научиться верстать, но не знаю с чего начать Вы говорили, что картинки в книге выгружаются из памяти, чтобы повысить производительность. Как это устроено? Руст, расскажи, где без воды можно найти инфу по гридам, чтобы без боли начать их использовать. Как устроен сайт бюро изнутри Что думаешь про точки с запятой в Яваскрипте? Зачем их ставить? В одном из советов про редизайн Михаил упомянул, что раскладка работает без админки Как элегантно вставить любое ХТМЛ‑содержимое в треугольный контейнер (продолжение) Как начать писать тесты в «махровом легаси»? Как элегантно вставить любое ХТМЛ‑содержимое в треугольный контейнер Как программировать многоязычные сайты Какую систему именования выбрать для небольшого проекта? (Продолжение) Как собираются превьюшки в книгах Какую систему именования выбрать для небольшого проекта — БЭМ, SMACSS или что‑то другое? Как устроен поиск в книгах Вы кто такие?

Советы — главный русскоязычный источник знаний о дизайне. Мы всегда стараемся ответить на ваши вопросы. Кроме нашего совета, вы получите интеллигентные отзывы посетителей нашего сайта.

Открыты 5 апреля 2007 года.

В архиве

Не пропускать советы

Оставьте почту, чтобы получать советы каждую неделю.

Задайте свой вопрос

Кроме нашего совета, вы получите интеллигентные комментарии читателей.