⚙️Тег <noscript> используется для отображения контента, если JavaScript отключен в браузере. Он позволяет предоставить альтернативное содержимое или сообщение для пользователей, которые не могут или не хотят использовать JavaScript.

Пример:

<noscript>
  <p>Please enable JavaScript to use this website.</p>
</noscript>

- Контент внутри <noscript> отображается только при отключенном JavaScript.
- Часто используется для информирования пользователей или предоставления базовой функциональности без JavaScript.

CodeBase | Frontend | #Основы

⚙️ Что такое свойство 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 | #Основы