Айтилогия Онлайн-школа

Вы настроили Auto Layout, всё выглядит аккуратно, а потом меняете текст, растягиваете карточку или подставляете другой контент  и макет внезапно едет. Кнопка становится слишком широкой, карточки растягиваются как попало, а на другом размере экрана всё приходится поправлять вручную. Проблема обычно не в самом Auto Layout. Чаще новичок неверно задаёт размеры, Hug/Fill, направление или ограничения элемента. Ниже — семь типичных ошибок. Для каждой разберём симптом, причину и способ исправить, чтобы макет действительно адаптировался к контенту...

Вы нашли CSS-свойство, которое решает задачу одной строчкой вместо нескольких костылей. В документации всё выглядит отлично, примеры работают в вашем браузере. Но можно ли добавлять эту функцию в настоящий проект? Проверять только свой Chrome недостаточно. Новая возможность может уже работать во всех актуальных браузерах, но часть аудитории проекта всё ещё пользуется старыми версиями. Иногда функция подходит для проекта сразу. Иногда нужен запасной вариант, а иногда с ней лучше подождать. Ниже — алгоритм из пяти шагов, по которому можно принять решение...

Вы собрали экран в Figma и хотите показать, как он работает. Дальше есть два пути: связать экраны обычным прототипом или открыть Figma Make и попросить AI собрать более интерактивную версию. Разница между ними очевиднее, чем кажется. Обычный прототип хорошо показывает сценарий пользователя: куда он нажал и какой экран увидел дальше. Figma Make подходит для случаев, когда вы хотите проверить более сложную логику, динамические состояния или поведение, которое неудобно собирать вручную. Разберём оба подхода по пяти критериям и посмотрим, где помогает Figma Make, а где решает обычный прототип...

Новичок видит раскрывающееся меню, анимацию при прокрутке или поле, которое растёт вместе с текстом, и часто сразу думает: здесь нужен JavaScript. Но часть таких задач браузер уже умеет решать сам. Современный CSS и HTML закрывают сценарии, для которых раньше приходилось писать обработчики событий, добавлять классы и следить за состоянием вручную. Ниже — семь примеров, где JavaScript можно убрать совсем или оставить только для более сложной логики. Раньше для автоматического изменения высоты <textarea> часто писали JavaScript: отслеживали ввод, измеряли scrollHeight и пересчитывали размер...