CodeBase | Frontend

⚙️ Что такое атрибут minlength в HTML и зачем он используется? Атрибут minlength задаёт минимальное количество символов, которое пользователь должен ввести в поле формы.

Если условие не выполнено — браузер покажет предупреждение

➡️ Пример:

<form>
  <label>
    Пароль (минимум 6 символов):
    <input type="password" minlength="6" required>
  </label>
  <button type="submit">Отправить</button>
</form>

🗣️ Почему полезно: • Добавляет валидацию прямо в браузере • Удобен для паролей, логинов, текстовых полей • Работает с <input> и <textarea>

minlength помогает контролировать корректность данных без JavaScript

CodeBase | Frontend | #Основы

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

⚡️button animation — Эффект наведения на ссылку с появлением указательной стрелки Технологии: CSS 🔗 Ссылка CodeBase | Frontend | #animate

#linux 🐧 Linux Club ©

Теперь пусть ИИ переживает, что его заменят 🦥Ленивый программист ©

Теперь пусть ИИ переживает, что его заменят 🦥Ленивый программист ©

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

⚡️⚡️72 актуальные нейросети в одном месте: здесь собраны лучшие ШИ-сервисы в разных категориях: 🟢Генерация картинок; 🟢Генерация видео; 🟢Написание текста; 🟢Исследования и тд. Лайк и сохраняем в избранное 📱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 - Бесплатные андроид премиум приложения.

👩‍💻 Метод some() в JavaScript и как он используется Метод some() проверяет, удовлетворяет ли хотя бы один элемент массива заданному условию.

Возвращает true, если найден подходящий элемент, иначе false.

➡️ Пример:

const numbers = [1, 3, 5, 8];

const hasEven = numbers.some(num => num % 2 === 0);
console.log(hasEven); // true

🗣️ В этом примере: • some() проверяет наличие чётных чисел • Возвращает true, так как 8 подходит • Полезен для быстрых проверок — например, есть ли ошибки в данных или хотя бы одно совпадение

some() делает код короче и понятнее, чем ручные циклы

CodeBase | Frontend | #JS

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

⚡️Home Card Animation Технологии: HTML и CSS 🔗 Ссылка CodeBase | Frontend | #animate

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

Книги по электронике и программированию, а так же разная техническая литература. Да, тут можно скачать без регистрации и СМС! Подпишись на бесплатную библиотеку https://t.me/Geek_book_hub

🖥 CSS, который все ненавидят: sin() и cos() Команда JavaScript for Devs подготовила перевод статьи о том, почему тригонометрические функции стали «most hated» возможностью CSS и как их можно использовать с пользой.

Мы разберёмся, что делают sin() и cos(), и посмотрим на практические примеры: от круговых раскладок до затухающих анимаций.

🔗 Ссылка CodeBase | Frontend | #article

⚙️ Что такое свойство letter-spacing в CSS и зачем оно используется? Свойство letter-spacing управляет расстоянием между символами текста.

Можно уменьшать или увеличивать интервал для улучшения читаемости и стилизации.

➡️ Пример:

<div class="box">HELLO WORLD</div>

<style>
  .box {
    font-size: 20px;
    letter-spacing: 5px;
  }
</style>

🗣 В этом примере текст "HELLO WORLD" будет отображён с увеличенным интервалом между буквами. Популярные значения:

• normal — стандартное расстояние (по умолчанию) • положительные числа — увеличивают интервалы • отрицательные числа — уменьшают интервалы

Полезно для заголовков, логотипов и стилизованного текста в интерфейсах. CodeBase | Frontend | #CSS

Нестареющая классика ❤️ #собеседование 🦥Ленивый программист ©