🧩 Адаптивная сетка без десятков медиазапросов? Легко.
С помощью `auto-fit` и `minmax()` можно сделать так, чтобы карточки самостоятельно перестраивались в зависимости от ширины контейнера.
На большом экране помещается больше колонок, на маленьком — меньше. При этом карточки сохраняют заданную минимальную ширину.
Отличный вариант для интернет-магазинов, галерей, каталогов и любых интерфейсов с карточками.
📱 Надоело прописывать отдельные размеры шрифтов и отступов для каждого экрана?
В CSS есть `clamp()`, которая позволяет задать минимальное, гибкое и максимальное значение.
Например, `clamp(24px, 4vw, 48px)` автоматически подстроит размер текста под ширину экрана, но не даст ему стать слишком маленьким или огромным.
Особенно удобно для адаптивной вёрстки без кучи media queries.
🔥 20+ полезных инструментов на одном сайте
Бесплатный набор сервисов для работы с фото, PDF и файлами прямо в браузере.
— Сжимает и конвертирует изображения
— Улучшает фото с помощью ИИ
— Объединяет и разделяет PDF
— Распознаёт текст на фото и в документах
— Создаёт QR-коды и ZIP-архивы
— Считает слова и проверяет текст
— Конвертирует форматы и единицы измерения
— И многое другое
Без регистрации, подписок и загрузки файлов на сторонние серверы.
Забираем тут. 👩💻 Управляем резиновым ресайзом одной строкой!
Пользователь может растянуть `` как угодно, и это часто ломает `layout`, вылазит за контейнер, разваливает сетку, сдвигает кнопку отправки:
`textarea {
resize: both;
}`
Если ресайз в интерфейсе не предусмотрен, запретим его явно:
`textarea {
resize: none;
}`
Нужен только вертикальный ресайз (самый безопасный для формы)? Тогда так:
`textarea {
resize: vertical;
}`
🔥 Такая мелкая деталь, позволяет сохранять целостность интерфейса.
12-летняя девочка запустила ИИ-стартап: она разработала бота-ассистента, который помогает малому бизнесу удерживать клиентов.
Мана Джампала написала сервис через Claude. Бот успешно прошел первые тесты. Через два года она планирует выйти на акселераторы Y Combinator или a16z, а следом — на венчурные фонды.
Одна проблема — возраст. Сервис Маны нравится онлайн-бизнесу, но на живых питчах ее не воспринимают всерьез.