CodeBase | Frontend

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

Жизнь ИБшника 🦥Ленивый программист ©

JavaScript-разработчик набирает npm install: CodeBase | Frontend | #meme

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

«Вместо философии учил Java, вместо доты — Python. Через 3 месяца нашёл работу с зп 90к» Думаете, повезло? Уверен, что так сможет каждый — потому что эти языки востребованы (70% программ и сервисов работают на них) и просты в усвоении (за 3 месяца можно выйти на достойный уровень без напряга). А вот и каналы, где нашёл всю инфу. Её грамотно собрали, даже сложные темы изучаются легко: Java (теория) Java (практика) Python Уже через месяц сможете писать простеньких ботов для телеги и продавать по 5-7к, кайф же 🥰

⚡️FURIOSA 3D Animated Poster — Анимированный 3D постер к фильму. Технологии: SCSS 🔗 Ссылка CodeBase | Frontend | #animate

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

Написали «погружение», а фотка как по поверхности гоняет. И вот так с этими книгами по программированию всегда. Да и с курсами тоже. CodeBase | Frontend | #meme

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

🖥 BEM vs Atomic CSS или картинка по номерам Собрал свои мысли и опыт про методологии CSS — сравнил BEM, OOCSS, SMACSS и прочие. Посмотрим, что из этого реально работает и стоит ли вообще париться с подходами в 2025 🔗 Ссылка CodeBase | Frontend | #article

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

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

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

Классика во всех смыслах 🤩 Я хочу стать программистом ©

Матрица: когда бахнул сразу две капсулы 🤩 Я хочу стать программистом ©