⚙️ Что такое свойство object-fit в CSS и зачем оно используется?

Свойство object-fit управляет тем, как изображение или видео масштабируется внутри контейнера, не искажая пропорции.

По смыслу похоже на background-size, но применяется к <img> и <video>.

➡️ Пример:

<div class="wrapper">
  <img src="photo.jpg" alt="пример">
</div>

<style>
  .wrapper {
    width: 300px;
    height: 200px;
  }

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
</style>

🗣️ Популярные приёмы:

• cover — заполняет контейнер, обрезая лишнее
• contain — показывает всё изображение, сохраняя пропорции
• fill — растягивает без сохранения пропорций
• none — без масштабирования

object-fit решает классическую проблему «кривых картинок» в карточках, галереях и адаптивных интерфейсах

CodeBase | Frontend | #Основы

🖥 Atomic CSS: верстка и легкость бытия

Автор спокойно разбирает Atomic CSS: какие мифы вокруг него живы, где он реально помогает, а где мешает. Практика, примеры и выводы без фанатизма и холиваров.

🔗 Ссылка

CodeBase | Frontend | #article

Мы в MAX: 📲 https://max.ru/lazy__programmer

🦥Ленивый программист ©

⚡️destination slider — Анимированный слайдер достижения цели.

Технологии: SVG, GSAP

🔗 Ссылка

CodeBase | Frontend | #animate

⚙️ Что такое свойство gap в CSS и зачем оно используется?

Свойство gap управляет расстоянием между элементами во flex- и grid-контейнерах.

Это современная замена margin для управления отступами между, а не вокруг элементов

➡️ Пример:

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
</div>

<style>
  .container {
    display: flex;
    gap: 16px;
  }

  .item {
    padding: 10px;
    background: #007bff;
    color: white;
  }
</style>

🗣 gap — чистый и предсказуемый способ управлять расстояниями в современных интерфейсах.

CodeBase | Frontend | #CSS

Неееееет

Мы в MAX: 📲 https://max.ru/lazy__programmer

🦥Ленивый программист ©

🖥 Верстаем сложный прогрессбар в 2026 году

Автор показывает, как сегодня делать круговой прогрессбар на чистом CSS: один div, одно свойство, нормальная поддержка. Потом тюнинг, визуал и немного CSS-магии. Без SVG-страданий.

🔗 Ссылка

CodeBase | Frontend | #article

12 января

Мы в MAX: 📲 https://max.ru/lazy__programmer

🦥Ленивый программист ©

Классическая электроника и наноэлектроника [Электронный ресурс]: учеб. пособие 2012

Описание: В книге изложены физические основы полупроводниковых электронных приборов. Рассмотрены основные типы радиокомпонентов, элементы и узлы аналоговых и цифровых микроэлектронных устройств и систем, интегральные схемы высоких степеней интеграции. Показана целесообразность и возможности перехода от классической электроники к наноэлектронике. Рассмотрены физические и технологические основы наноэлектроники; наноэлектронные транзисторы, фотоприемники и лазеры; приборы на основе углеродных нанотрубок; возможности создания квантовых компьютеров; наноэлектронные изделия для компьютеров, информационных и телекоммуникационных систем; основы функциональной электроники; вопросы стандартизации и надежности электронной аппаратуры.

Скачать ТУТ 💾💾💾 📱https://t.iss.one/Geek_book_hub - Бесплатная библиотека с книгами - программирование, электроника, айти.

📱https://t.iss.one/club_arduino - Мемы и полезные материалы для ардуинщика, электронщика, DIY'щика.

📱https://t.iss.one/forprinting3D - Если у тебя есть 3д принтер, тогда тебе сюда, тут лучшие модели и идеи для печати.

📱 https://t.iss.one/Ali_radio_top - Лучшие предложения, скидки и акции с алиэкспресс.

📱 https://t.iss.one/Pirate_Gram - Бесплатные андроид премиум приложения.

⚡️Text frame border animation rotation — Рамка из текста с анимацией вращение и эффектом при наведении.

Технологии: HTML, SCSS

🔗 Ссылка

CodeBase | Frontend | #animate

Мы в MAX: 📲 https://max.ru/lazy__programmer

🦥Ленивый программист ©