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

102 совета Игоря Петрова

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

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

На чём разрабатывать, чтобы потом не было мучительно больно? «Ленивая» загрузка картинок минимальными средствами «Маленькое, большое, необычное» — проверка вёрстки на прочность тремя видами данных Как должен выглядеть хорошо подготовленный макет для разработчика? Что нового в ЦСС: вложенность селекторов Битрикс в 2025 ещё актуален? Чем отличается виртуальный хостинг, VPS/VDS и выделенный сервер? Зачем дизайнерам и редакторам изучать разработку, если есть ИИ? Не называть переменные по содержимому Рецепт вёрстки: спойлер и прикольный тизер Как верстать цитаты в ХТМЛ? Как отзеркалить элемент одним ЦСС‑свойством? Трюк: не верстать сложную типографику Трансформации в ЦСС. Свойство transform Анимации в ЦСС. Кейфреймы Как вы работаете с правками по вёрстке? Где трекаете? Какие фавыконки использовать в 2025? Как изменить стили чужого сайта? Генераторы статических сайтов. Видеоразбор и шаблон проекта Какой движок выбрать для сайта рекламного агентства? Как объяснять разработчикам архитектуру проекта? Как улучшить сообщение о баге для разработчиков? clip‑path — обрезка по фигуре в ЦСС Как проверять соответствие сайта макету в 2024? Какие есть аналоги PixelPerfect? Откуда берётся отступ под картинкой и как его убрать? Как добавить видео на сайт? А что плохого в нестандартных ХТМЛ‑тегах? Я сверстал себе сайт. Как опубликовать его в интернете? Почему в Школе бюро снижают оценки за использование абсолюта в ХТМЛ‑вёрстке? Фигурное обтекание текстом, shape‑outside Рецепт: модуль с прокруткой содержимого и динамическим затенением по краям Как обрезать текст? Часть 2: умная обрезка с Яваскриптом Как обрезать текст по ширине и по количеству строк? Часть 1: простые и продвинутые способы Рецепт: бегущая строка на сайте без Яваскрипта Как правильно работать с начертаниями подключаемого шрифта в ЦСС? Чем дизайнеру могут помочь инструменты разработчика? Анализ сетевых запросов Чем плоха стилизация по айди? Вредные комментарии: зарубки, тудушки и документашки Когда нужно писать комментарии в коде? Лайфхак: увеличиваем рабочую область на маке Это какие‑то другие пиксели? Как они соотносятся? Как отключить наведение и нажатие на элемент через ЦСС? Что нового в ЦСС: Range Syntax в медиавыражениях Что вы думаете о Тайпскрипте? Используете его в продуктах бюро? Что вы думаете о способе указывать цвету прозрачность в шестнадцатеричном виде вместо более традиционного RGBA? Как изменить цвет выделения текста на сайте, ::selection Яваскрипт‑приёмы лаконич­ного решения типовых задач Что такое «доступность» в веб‑разработке? Как сверстать пропорциональный модуль в 2023? Подскажите, пожалуйста, как начать понимать разработчиков? Как сделать анимацию на сайте, чтобы она шла параллельно скроллу? Лайфхак: что делать с широкими модулями на узком экране Как переключить тему оформления страницы Яваскриптом? Магические числа в коде. Почему это плохо и что с ними делать Инструменты разработчика на Айфоне и Айпаде Когда в вёрстке неуместен КАПС? Guard Clause. Избавляемся от вложенных условий в программировании Как сделать тоненькое подчёркивание ссылок? ЦСС‑трюк: увеличиваем область клика Выпадающие подсказки для полей ввода без программирования ImageOptim — полезная программа для оптимизации картинок на сайте Рецепт вёрстки: эффект подсветки от движения курсора Как в Телеграме показать Опенграф‑картинку сайта крупно? Как на сайте добавить фоновое, а не контентное, изображение через ЦСС, с учетом обычных экранов и ретины? Анимации в ЦСС. Транзишены Есть ли смысл учить HTML и CSS без JS? Зачем верстать самому, если есть Бутстрап? Эммет. Как писать ХТМЛ и ЦСС в десять раз быстрее? Мастер‑класс по оживлению ХТМЛ‑форм Градиенты для текста в ЦСС Градиенты в ЦСС Нужен ли jQuery в 2022? Трюк с псевдоэлементом. Верстаем таблетку со счётчиком Что писать в атрибуте alt у картинок? Когда правильно padding, а когда margin? Подкаст с техноконтуром Псевдокласс :not Как сегодня защитить код проекта от политических диверсий? Псевдоклассы структуры в ЦСС Псевдоклассы взаимодействия в ЦСС Хитрость с падингом. Верстаем пропорциональный модуль Как используют ЦСС‑переменные и когда они неуместны? Игорь, добрый день! Как вы учились кодить? Можете посоветовать книги или курсы? Часть 2 Игорь, добрый день! Как вы учились кодить? Можете посоветовать книги или курсы? Что нового в ЦСС? Селекторы :is и :where Как опубликовать веб‑страницу в интернете? Как оформить страницу языком ЦСС? Как сверстать страницу, если совсем новичок и никогда не верстал? Итоги КУСа «Как сверстать анимированный флаг» КУС. Как сверстать анимированный флаг? Графические фильтры в ЦСС Тестирование мобильной вёрстки. Почему инструментов разработчика в браузере недостаточно? Менеджер тегов Гугля. Как установить несколько систем сбора статистики на сайт Как изменять стили сайта в зависимости от пропорций окна браузера? Яндекс‑метрика для анализа посещаемости и посетителей сайта Как разработчики бюро получают задачи от дизайнеров? Как в бюро создают картинки для превью советов? Быстрая оценка качества страницы Гугль Лайтхаусом Превью страницы для соцсетей и чатов Вёрстка слева направо и сверху вниз Чем опасны размеры в пикселях в ЦСС? Советы по вёрстке и фронтенду

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

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

В архиве

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

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

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

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