Свойство
aspect-ratio задаёт соотношение сторон элемента, удерживая пропорции при изменении размеров.Больше не нужно рассчитывать высоту через отступы или JavaScript — теперь это делается нативно
<div class="card"></div>
<style>
.card {
width: 300px;
aspect-ratio: 16 / 9;
background: #007bff;
border-radius: 8px;
}
</style>
Частые применения:
• видео, изображения и превью с фиксированным соотношением сторон
• карточки, аватары и responsive UI
• создание адаптивных сеток без "резиновых" искажений
CodeBase | Frontend | #CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2👌2❤1
🔔 В Москве состоится II Международный научно-технологический форум «Робототехника, интеллект машин и механизмов»
🗓️ 5-6 февраля 2026 года
📍 кластер «Ломоносов» (Москва, Раменский бульвар, д. 1)
⚡️ На Форуме обсудят:
• развитие отечественной робототехники и путь к технологическому суверенитету;
• внедрение роботов в промышленность и сервисный сектор;
• создание российских систем интеллектуального управления;
• повышение производительности и кадровый потенциал отрасли;
• международное сотрудничество в сфере робототехники.
Участники смогут:
🤖 увидеть российские робототехнические разработки;
💬 посетить пленарное заседание и тематические секции;
🤝 обменяться опытом с ведущими специалистами;
✍️ получить практические рекомендации по роботизации производств.
📎 Подробности: на сайте, в Телеграм, во ВКонтакте, по почте [email protected]
➡️ Зарегистрируйтесь на форум сейчас!
#реклама
О рекламодателе
🗓️ 5-6 февраля 2026 года
📍 кластер «Ломоносов» (Москва, Раменский бульвар, д. 1)
⚡️ На Форуме обсудят:
• развитие отечественной робототехники и путь к технологическому суверенитету;
• внедрение роботов в промышленность и сервисный сектор;
• создание российских систем интеллектуального управления;
• повышение производительности и кадровый потенциал отрасли;
• международное сотрудничество в сфере робототехники.
Участники смогут:
🤖 увидеть российские робототехнические разработки;
💬 посетить пленарное заседание и тематические секции;
🤝 обменяться опытом с ведущими специалистами;
✍️ получить практические рекомендации по роботизации производств.
📎 Подробности: на сайте, в Телеграм, во ВКонтакте, по почте [email protected]
➡️ Зарегистрируйтесь на форум сейчас!
#реклама
О рекламодателе
👍2❤1👏1
Статья описывает, как настраивать UI-Kit на React: от установки зависимостей и сборки до тестирования, линтинга и документирования. Пошаговый разбор полного цикла разработки дизайн-системы.
CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1👍1👏1
Появился мощный инструмент для прохождения собеседований — Sobes Copilot.
Это нейросеть, которая подсказывает ответы прямо во время интервью, анализируя разговор в реальном времени.
Copilot работает незаметно в Zoom, Google Meet, Teams и других платформах. Поддерживает русский язык, не виден при демонстрации экрана и помогает держать уверенный темп диалога, даже если вопрос сложный или неожиданный.
Если хотите проходить техсобесы спокойнее и увереннее — изучите возможности сервиса по ссылке. Это действительно меняет игру.
Это нейросеть, которая подсказывает ответы прямо во время интервью, анализируя разговор в реальном времени.
Copilot работает незаметно в Zoom, Google Meet, Teams и других платформах. Поддерживает русский язык, не виден при демонстрации экрана и помогает держать уверенный темп диалога, даже если вопрос сложный или неожиданный.
Если хотите проходить техсобесы спокойнее и увереннее — изучите возможности сервиса по ссылке. Это действительно меняет игру.
role в HTML и зачем он используется?Атрибут
role используется для улучшения доступности веб-страниц. Он сообщает вспомогательным технологиям (например, экранным читалкам), какую функцию выполняет элемент.<!-- Обозначение навигационного меню -->
<nav role="navigation">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">О нас</a></li>
</ul>
</nav>
<!-- Определение элемента как диалогового окна -->
<div role="dialog" aria-labelledby="dialog-title">
<h2 id="dialog-title">Подтвердите действие</h2>
<button>ОК</button>
</div>
•
role="navigation" помогает читалкам распознавать меню.•
role="dialog" делает <div> доступным как модальное окно.CodeBase | Frontend | #Основы
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Технологии: SCSS, TS
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1👍1
Метод
includes() проверяет, содержится ли элемент в массиве.Возвращает true или false и не изменяет исходный массив
Метод includes() в JavaScript и как он используется
Метод includes() проверяет, содержится ли элемент в массиве.
Возвращает true или false и не изменяет исходный массив
•
includes() выполняет проверку на наличие значения• Работает корректно с примитивами (
string, number, boolean)• Читабельнее и безопаснее, чем
indexOf() !== -1includes() — простой и выразительный способ писать понятные проверки без лишней логики
CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2❤1🤝1
Автор показывает полезные возможности CSS, которые легко пропустить в вечной гонке за новыми фреймворками. Только фичи, которые реально упрощают жизнь и код.
CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2🔥1👏1
This media is not supported in your browser
VIEW IN TELEGRAM
Технологии: HTML, CSS, JS
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🤝1
This media is not supported in your browser
VIEW IN TELEGRAM
❗️Самые «имбовые» каналы в Telegram по мнению пользователей:
Hardware Club — здесь вы узнаете, как даже с маленьким бюджетом собрать мощный ПК. Разгон железа, оптимизация системы, новинки, лайфхаки, обзоры, комплектующие, готовые сборки.
Windows Club — этот канал удивит даже уверенного пользователя Windows. Бесплатные ключи активации, полезные софты, сервисы, фишки и нейросети.
Linux Club — это мечта для пользователей Linux. Здесь вы найдёте всё, от полезных команд в терминале, до обучающих уроков, которые пригодятся даже профи.
Apple Club — все фишки, лайфхаки, функции и свежайшие новости для iOS и macOS, собранные в одном канале.
⚡️Даже Стив Джобс бы подписался на эти каналы, пользуйтесь
Hardware Club — здесь вы узнаете, как даже с маленьким бюджетом собрать мощный ПК. Разгон железа, оптимизация системы, новинки, лайфхаки, обзоры, комплектующие, готовые сборки.
Windows Club — этот канал удивит даже уверенного пользователя Windows. Бесплатные ключи активации, полезные софты, сервисы, фишки и нейросети.
Linux Club — это мечта для пользователей Linux. Здесь вы найдёте всё, от полезных команд в терминале, до обучающих уроков, которые пригодятся даже профи.
Apple Club — все фишки, лайфхаки, функции и свежайшие новости для iOS и macOS, собранные в одном канале.
⚡️Даже Стив Джобс бы подписался на эти каналы, пользуйтесь
❤2👍1🔥1
every() в JavaScript и как он используетсяМетод
every() проверяет, удовлетворяют ли все элементы массива заданному условию.Возвращает true, если условие выполняется для каждого элемента, иначе false.
const numbers = [2, 4, 6, 8];
const allEven = numbers.every(num => num % 2 === 0);
console.log(allEven); // true
•
every() проверяет все числа на чётность• Возвращает
true, так как все элементы подходят• Полезен для валидации данных (например, все ли поля заполнены)
every() часто используют для проверки массивов перед отправкой данных на сервер
CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3❤1🔥1