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

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

Оно определяет точку выравнивания содержимого внутри контейнера

➡️ Пример:

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

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

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

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

• center center — по центру (по умолчанию)
• top, bottom, left, right — выравнивание по сторонам
• можно задавать точные координаты: object-position: 30% 70%

object-position — инструмент точного контроля над кадрированием без редактирования изображений

CodeBase | Frontend | #Основы

🚨Подборка каналов для технарей от наших друзей:

📱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 - Бесплатные андроид премиум приложения.

🖥 Этот CSS пора оставить в прошлом

Показываю, как переписать привычные решения — центрирование, сетки, эффекты и адаптивность — на свежие фичи вроде :has(), контейнерных запросов и subgrid. Коротко, практично и без JS.

🔗 Ссылка

CodeBase | Frontend | #article

Что мешает вайбкодить тебе?

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

🚨 7 смертельных ошибок CLI, которые уничтожат твой Linux

Приветствую, коллега по скриптам!

Работа под root требует максимальной осторожности. Вот главные "самострелы", которые могут привести к краху системы:

1. rm -rf /: Безоговорочное уничтожение всей файловой системы.
2. Fork Bomb (:(){ :|:& };:): Бесконечное порождение процессов, исчерпывающее системные ресурсы.
3. dd: Неправильное указание if и of (вход/выход) уничтожит диск.
4. rm $VAR: Неэкранированная переменная может привести к стиранию лишнего.
5. .:$PATH: Добавление текущего каталога (.) создает лазейку для троянских программ.
6. chmod -R 777 /: Некорректная установка прав доступа на корневую файловую систему. Неправильное использование chmod -R (например, 555 или 777) на корневом каталоге (/) может разрушить файловую систему и сделать систему непригодной для использования.
7. Использование R-утилит (rlogin, rsh, rcp): Эти утилиты небезопасны и передают данные в открытом виде. Их следует удалить из системы и использовать ssh в качестве замены.

#Linux #CLI #Безопасность #Ошибки #Сисадмин

#linux

🐧 Linux Club ©

⚡️🎄 — Анимированная сцена с вращающейся новогодней ёлкой.

Технологии: CSS, JS

🔗 Ссылка

CodeBase | Frontend | #animate

🚨Подборка каналов для технарей от наших друзей:

📱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 - Бесплатные андроид премиум приложения.

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

Свойство aspect-ratio задаёт соотношение сторон элемента, удерживая пропорции при изменении размеров.

Больше не нужно рассчитывать высоту через отступы или JavaScript — теперь это делается нативно

➡️ Пример:

<div class="card"></div>

<style>
  .card {
    width: 300px;
    aspect-ratio: 16 / 9;
    background: #007bff;
    border-radius: 8px;
  }
</style>

🗣 В этом примере элемент всегда сохраняет пропорции 16:9, независимо от ширины контейнера.

Частые применения:

• видео, изображения и превью с фиксированным соотношением сторон
• карточки, аватары и responsive UI
• создание адаптивных сеток без "резиновых" искажений

CodeBase | Frontend | #CSS

Когда многие решили, что видео с T800 - это CGI, CEO EngineAI Чжао Тонъян вышел на ринг и лично принял удар ногой от робота🦶

Никакой графики, всё настоящее. 📷

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