Господи, да в чём проблема стать фронтендером?
Подписался на эти три канала:
👉 Фронтенд
👉 Верстка
👉 Node.JS
Заходишь каждый день, тратишь 15 минут и изучаешь актуальную информацию. Можешь сразу применять на практике. ВСЁ!
Это настолько просто, что даже твой кот справится. Подпишись сейчас, потом спасибо скажешь.
Подписался на эти три канала:
👉 Фронтенд
👉 Верстка
👉 Node.JS
Заходишь каждый день, тратишь 15 минут и изучаешь актуальную информацию. Можешь сразу применять на практике. ВСЁ!
Это настолько просто, что даже твой кот справится. Подпишись сейчас, потом спасибо скажешь.
❤1🔥1
Свойство
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)
⚡️ На Форуме обсудят:
• развитие отечественной робототехники и путь к технологическому суверенитету;
• внедрение роботов в промышленность и сервисный сектор;
• создание российских систем интеллектуального управления;
• повышение производительности и кадровый потенциал отрасли;
• международное сотрудничество в сфере робототехники.
Участники смогут:
🤖 увидеть российские робототехнические разработки;
💬 посетить пленарное заседание и тематические секции;
🤝 обменяться опытом с ведущими специалистами;
✍️ получить практические рекомендации по роботизации производств.
📎 Подробности: на сайте, в Телеграм, во ВКонтакте, по почте info@forum-rimm.ru
➡️ Зарегистрируйтесь на форум сейчас!
#реклама
О рекламодателе
🗓️ 5-6 февраля 2026 года
📍 кластер «Ломоносов» (Москва, Раменский бульвар, д. 1)
⚡️ На Форуме обсудят:
• развитие отечественной робототехники и путь к технологическому суверенитету;
• внедрение роботов в промышленность и сервисный сектор;
• создание российских систем интеллектуального управления;
• повышение производительности и кадровый потенциал отрасли;
• международное сотрудничество в сфере робототехники.
Участники смогут:
🤖 увидеть российские робототехнические разработки;
💬 посетить пленарное заседание и тематические секции;
🤝 обменяться опытом с ведущими специалистами;
✍️ получить практические рекомендации по роботизации производств.
📎 Подробности: на сайте, в Телеграм, во ВКонтакте, по почте info@forum-rimm.ru
➡️ Зарегистрируйтесь на форум сейчас!
#реклама
О рекламодателе
👍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
Forwarded from Ленивый программист
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4😁3❤1
Forwarded from Linux Club
LibrePods превращает ваши AirPods в полноценные кроссплатформенные наушники
Автор разложил закрытый протокол Apple по атомам и реализовал почти все «айфоновские» фишки — от активного шумоподавления до умных жестов, в открытом приложении
Больше никаких ограничений экосистемы
#linux
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3
Метод
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
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Видеоуроки IT
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2