⚡️Card Mouse Hover Effect — Карточки с интересным эффектом при наведении.

Технологии: CSS и JavaScript

🔗 Ссылка

CodeBase | Frontend | #animate

✅ Имба: в сети обнаружили мегашпаргалку с самыми полезными нейросетями на все случаи жизни.

Сохраняем самое крутое:
🤩Claude 3.7 Sonnet — мастхев для программистов
🤩Same New — быстрая копия интерфейса сайта
🤩Openrouter — доступ ко всем ИИ
🤩Suno AI — своя музыка с нейросетью

Подпишись и находи для себя крутые нейросети бесплатно: https://t.me/+24HM3S2siv0zY2Vi

Матрица: когда бахнул сразу две капсулы

🤩 Я хочу стать программистом ©

Классика во всех смыслах

🤩 Я хочу стать программистом ©

⚙️ Что такое атрибут readonly в HTML и зачем он используется?

Атрибут readonly делает поле формы доступным только для чтения — пользователь может видеть значение, но не может его изменить. В отличие от disabled, такое поле отправляется с формой.

➡️ Пример:

<form>
  <label>
    Ваш ID:
    <input type="text" value="12345" readonly>
  </label>
  <button type="submit">Отправить</button>
</form>

🗣️ Почему полезно:

• readonly позволяет отображать данные, которые нельзя редактировать
• Поле остаётся активным для копирования и отправляется на сервер
• Часто используется в админках, профилях и при редактировании ограниченного набора данных
• Отличие от disabled: readonly не блокирует стили и взаимодействие полностью.

Атрибут readonly — удобный способ показывать неизменяемую, но отправляемую информацию в форме.

CodeBase | Frontend | #Основы

🤩 Я хочу стать программистом

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

🖥 BEM vs Atomic CSS или картинка по номерам

Собрал свои мысли и опыт про методологии CSS — сравнил BEM, OOCSS, SMACSS и прочие. Посмотрим, что из этого реально работает и стоит ли вообще париться с подходами в 2025

🔗 Ссылка

CodeBase | Frontend | #article

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

🤩 Я хочу стать программистом ©

⚡️FURIOSA 3D Animated Poster — Анимированный 3D постер к фильму.

Технологии: SCSS

🔗 Ссылка

CodeBase | Frontend | #animate

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

text-overflow управляет тем, как обрезается текст, выходящий за пределы блока. Оно работает вместе с overflow: hidden и white-space: nowrap, чтобы отображать, например, троеточие.

➡️ Пример:

<div class="truncate">Очень длинный текст, который не помещается</div>

<style>
  .truncate {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #ccc;
  }
</style>

🗣 В этом примере длинный текст обрезается и заменяется троеточием (...), не выходя за рамки блока. Это удобно для заголовков, превью и адаптивных карточек в UI.

CodeBase | Frontend | #CSS

В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн

Но где их находить? Как узнавать о них раньше, чем когда все начнут выкладывать фотографии оттуда?

Переходите на канал IT-Мероприятия России. В нём каждый день анонсируются мероприятия со всех городов России

📆 в канале размещаются как онлайн, так и оффлайн мероприятия;
👩‍💻 можно найти ивенты по любому стеку: программирование, frontend-backend разработка, кибербезопасность, дата-аналитика, osint, devops и другие;
🎙 разнообразные форматы мероприятий: митапы с коллегами по цеху, конференции и вебинары с известными опытными специалистами, форумы и олимпиады от важных представителей индустрии и многое другое

А чтобы не искать по разным форумам и чатам новости о предстоящих ивентах:

🚀 IT-мероприятия России — подписывайся и будь в курсе всех предстоящих мероприятий!