⚙️ Что такое свойство 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 | #Основы
447 · Фотография
нажмите — покажем
нажмите — покажем
После 12 месяцев изучения HTML я с гордостью могу сказать... что наконец-то научился выравнивать div по центру.
CodeBase | Frontend | #meme
473 · id 1798973851После 12 месяцев изучения HTML я с гордостью могу сказать... что наконец-то научился выравнивать div по центру.
CodeBase | Frontend | #meme
margin 0 auto, а дальше погнали изучать js и его фреймворки😂
Фотография
нажмите — покажем
нажмите — покажем
🖥 Atomic CSS: верстка и легкость бытия
Автор спокойно разбирает Atomic CSS: какие мифы вокруг него живы, где он реально помогает, а где мешает. Практика, примеры и выводы без фанатизма и холиваров.
🔗 Ссылка
CodeBase | Frontend | #article
482 · Видео
нажмите — покажем
нажмите — покажем
⚡️destination slider — Анимированный слайдер достижения цели.
Технологии: SVG, GSAP
🔗 Ссылка
CodeBase | Frontend | #animate
499 · Видео
нажмите — покажем
нажмите — покажем
Неееееет
Мы в MAX: 📲 https://max.ru/lazy__programmer
🦥Ленивый программист ©
4.3K · id 1798973851Неееееет
Мы в MAX: 📲 https://max.ru/lazy__programmer
🦥Ленивый программист ©
Фотография
нажмите — покажем
нажмите — покажем
Тогда:
Фотография
нажмите — покажем
нажмите — покажем
🖥 Верстаем сложный прогрессбар в 2026 году
Автор показывает, как сегодня делать круговой прогрессбар на чистом CSS: один div, одно свойство, нормальная поддержка. Потом тюнинг, визуал и немного CSS-магии. Без SVG-страданий.
🔗 Ссылка
CodeBase | Frontend | #article
463 · Фотография
нажмите — покажем
нажмите — покажем
12 января
Мы в MAX: 📲 https://max.ru/lazy__programmer
🦥Ленивый программист ©
3.9K · Фотография
нажмите — покажем
нажмите — покажем
Классическая электроника и наноэлектроника [Электронный ресурс]: учеб. пособие 2012
Описание: В книге изложены физические основы полупроводниковых электронных приборов. Рассмотрены основные типы радиокомпонентов, элементы и узлы аналоговых и цифровых микроэлектронных устройств и систем, интегральные схемы высоких степеней интеграции. Показана целесообразность и возможности перехода от классической электроники к наноэлектронике. Рассмотрены физические и технологические основы наноэлектроники; наноэлектронные транзисторы, фотоприемники и лазеры; приборы на основе углеродных нанотрубок; возможности создания квантовых компьютеров; наноэлектронные изделия для компьютеров, информационных и телекоммуникационных систем; основы функциональной электроники; вопросы стандартизации и надежности электронной аппаратуры.
Скачать ТУТ 💾💾💾 📱https://t.me/Geek_book_hub - Бесплатная библиотека с книгами - программирование, электроника, айти.
📱https://t.me/club_arduino - Мемы и полезные материалы для ардуинщика, электронщика, DIY'щика.
📱https://t.me/forprinting3D - Если у тебя есть 3д принтер, тогда тебе сюда, тут лучшие модели и идеи для печати.
📱 https://t.me/Ali_radio_top - Лучшие предложения, скидки и акции с алиэкспресс.
📱 https://t.me/Pirate_Gram - Бесплатные андроид премиум приложения.
Видео
нажмите — покажем
нажмите — покажем
⚡️Text frame border animation rotation — Рамка из текста с анимацией вращение и эффектом при наведении.
Технологии: HTML, SCSS
🔗 Ссылка
CodeBase | Frontend | #animate
491 · Фотография
нажмите — покажем
нажмите — покажем
🎬 Основы работы с терминалом и BASH
🔴Видеоуроки
1 — Основы работы с терминалом и BASH | Основные команды терминала. Первый скрипт на BASH.
2 — Основы BASH | Условия
3 — Основы Bash | Циклы
4 — Основы BASH | for, let, trap
5 — Основы BASH | Функции, рекурсия, модули, массивы
6 — Основы терминала | GNU awk
7 — Основы BASH | expect, who, mesg, autoexpect
▶️ Плейлист YouTube
🔻Канал: Славная академия
🔴#bash
10.1K · Фотография
нажмите — покажем
нажмите — покажем
Появился мощный инструмент для прохождения собеседований — Sobes Copilot.
Это нейросеть, которая подсказывает ответы прямо во время интервью, анализируя разговор в реальном времени.
Copilot работает незаметно в Zoom, Google Meet, Teams и других платформах. Поддерживает русский язык, не виден при демонстрации экрана и помогает держать уверенный темп диалога, даже если вопрос сложный или неожиданный.
Дополнительно Sobes Copilot делает пост-анализ собеседования: разбирает диалог после созвона, подсвечивает сильные и слабые моменты, удачные формулировки и зоны роста. Это позволяет понять, что сработало, а что стоит улучшить перед следующим интервью.
Если хотите проходить собесы спокойнее и увереннее — изучите возможности сервиса по ссылке. Это действительно меняет игру.
🎁 Промокод: SOBES26 — даёт 10% скидки на старт.
👩💻 Метод Array.from() в JavaScript и как он используется
Метод Array.from() создаёт настоящий массив из массивоподобных или итерируемых объектов
(например, NodeList, arguments, Set, Map).
➡️ Пример:
const buttons = document.querySelectorAll("button");
const btnArray = Array.from(buttons);
btnArray.forEach(btn => btn.classList.add("active"));
🗣️ В этом примере:
• querySelectorAll возвращает NodeList, а не массив
• Array.from() превращает его в массив
• после этого доступны map, filter, forEach и другие методы
Array.from() — это мост между «псевдомассивами» и полноценными массивами, без костылей и циклов
CodeBase | Frontend | #JS
424 · Видео
нажмите — покажем
нажмите — покажем
⚡️ Jelly Squish Button — Кнопка с эффектом желе.
Технологии: HTML, SCSS, JS
🔗 Ссылка
CodeBase | Frontend | #animate
412 · Фотография
нажмите — покажем
нажмите — покажем
🖥 Прагматичное руководство по современным цветам в CSS
Автор разбирает, как новые CSS-фичи для работы с цветом упрощают жизнь разработчику: что появилось, зачем это нужно и как использовать, не влезая в теорию цвета.
🔗 Ссылка
CodeBase | Frontend | #article
430 · Фотография
нажмите — покажем
нажмите — покажем
В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн
Но где их находить? Как узнавать о них раньше, чем когда все начнут выкладывать фотографии оттуда?
Переходите на канал IT-Мероприятия России. В нём каждый день анонсируются мероприятия со всех городов России
📆 в канале размещаются как онлайн, так и оффлайн мероприятия;
👩💻 можно найти ивенты по любому стеку: программирование, frontend-backend разработка, кибербезопасность, дата-аналитика, osint, devops и другие;
🎙 разнообразные форматы мероприятий: митапы с коллегами по цеху, конференции и вебинары с известными опытными специалистами, форумы и олимпиады от важных представителей индустрии и многое другое
А чтобы не искать по разным форумам и чатам новости о предстоящих ивентах:
🚀 IT-мероприятия России — подписывайся и будь в курсе всех предстоящих мероприятий!