CodeBase | Frontend

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

⚙️ Что такое свойство object-fit в CSS и зачем оно используется? Свойство object-fit управляет тем, как изображение или видео вписывается в контейнер. Аналог background-size, но для тега <img> и <video>. ➡️ Пример:

<div class="wrapper">
  <img src="image.jpg" alt="пример">
</div>

<style>
  .wrapper {
    width: 300px;
    height: 200px;
    overflow: hidden;
  }

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
</style>

🗣 В этом примере изображение заполняет контейнер и обрезается по краям без искажений. CodeBase | Frontend | #CSS

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

Бэкендер пишет запрос, а фронтендер просто прикручивает экшн на фронте VS Фронтендер верстает адаптивную, доступную версию страницы мобайл фёрст, а бэкендер просто скидывает ручку к данным CodeBase | Frontend | #meme ©

😈Переиграли и уничтожили SkillBox’y привет, всем остальным соболезную. Залили новые курсы, забирайте ниже: ➖Python (64гб курсов) ➖C# (27гб курсов) ➖Java (45гб курсов) ➖PHP (34гб курсов) ➖Go (23гб курсов) ➖Rust (37гб курсов) ➖SQL (41гб курсов) ➖MySQL (21гб курсов) ➖Другое (114гб курсов) Не видео на ютуб, а реальный СЛИВ огромных баз. Проверь сам!🚨

⚡️Signature animation — Поле для ввода подписи с интересной анимацией Технологии: SVG, CSS, JS 🔗 Ссылка CodeBase | Frontend | #animate

🖥 Как переносить «висячие» слова на следующую строку с помощью JavaScript Для автоматического предотвращения переносов после коротких слов можно использовать JavaScript, который заменяет обычные пробелы на неразрывные пробелы ( ) после определённых слов. 🔗 Ссылка CodeBase | Frontend | #article

Он еще пользуется пейджером, а ты еще не подписался на топовые каналы ⚡️⚡️

⚙️ Что такое атрибут maxlength в HTML и зачем он используется? Атрибут maxlength ограничивает максимальное количество символов, которое пользователь может ввести в поле формы. Применяется к <input> и <textarea>. ➡️ Пример:

<form>
  <label>
    Отзыв (до 100 символов):
    <textarea maxlength="100"></textarea>
  </label>
  <button type="submit">Отправить</button>
</form>

🗣️ Почему полезно: • Контролирует размер пользовательского ввода • Уменьшает нагрузку на сервер • Полезен для комментариев, полей имени, заголовков и т.п. maxlength — простой способ ограничить ввод на стороне клиента без JS. CodeBase | Frontend | #Основы

⚡️ Анонимная покупка доменов в боте — Чекер банов и КТ — Авто-подключение CloudFlare — Управление DNS-записями — Умный поиск доменов — Регистрация за 14 секунд — Более 40 доменных зон Бот - @FastDomainBot

В жизни айтишников происходит немало курьезных ситуаций, которые являются хорошим поводом посмеяться 😊 Телеграм-канал Пещера Айтишника собирает самые лучшие мемы и шутки про IT и программирование и доставляет прямиком Вам. ( ͡ ͡° ͜ ʖ ͡ ͡°) \╭👉 \╭👉 Подпишись и получай удовольствие!

⚡️Cards with inverted border-radius — Карточки товаров с интересным решением для кнопки Технологии: SCSS 🔗 Ссылка CodeBase | Frontend | #animate

Причина гибели моих нервных клеток 🦥Ленивый программист ©

Наглядный CSS Год: 2018 Автор: Грег Сидельников Язык: Русский Вместо бесконечных томов документации – две с половиной сотни иллюстраций помогут вам разобраться во всех тонкостях работы CSS. Эта книга станет вашим настольным справочником, позволяя мгновенно перевести пожелания заказчика и собственное видение в компьютерный код! #CSS #Ru CodeBase | Frontend | #book

🖥 Практическое руководство по иконкам в веб-проектах — Часть 1 Разбираюсь, как правильно использовать иконки в вебе: где встраивать SVG, когда подключать шрифты, зачем нужны viewBox и почему alt не спасёт. Примеры, нюансы, всё своё. 🔗 Ссылка CodeBase | Frontend | #article

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