⚡️Home Card Animation

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

🔗 Ссылка

CodeBase | Frontend | #animate

👩‍💻 Метод 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

⚡️⚡️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 - Бесплатные андроид премиум приложения.

🖥 Практическое руководство по иконкам в веб-проектах — Часть 2

Разберу минусы: один цвет, костыли с доступностью. Покажу, как SVG-спрайты решают всё чище — многокрасочность, контроль, гибкость. Примеры кода и сравнение.

🔗 Ссылка

CodeBase | Frontend | #article

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

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

⚡️button animation — Эффект наведения на ссылку с появлением указательной стрелки

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

🔗 Ссылка

CodeBase | Frontend | #animate

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

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

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

➡️ Пример:

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

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

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

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

CodeBase | Frontend | #Основы

🖥 Я сломал русский язык. Теперь ваша очередь

Покажу «Лабораторию Абсурда» — ванильный JS-инструмент, который превращает смысл в хаос 50 способами. Без баннеров, с тысячей словарных извращений. Чистый эксперимент над текстом и логикой.

🔗 Ссылка

CodeBase | Frontend | #article

⚡️Smooth Pulse Button — Пульсирующая кнопка для воспроизведения видео

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

🔗 Ссылка

CodeBase | Frontend | #animate

Освой сети и командную строку с лучшими обучающими каналами

🤩 Network Admin - обучающий канал по сетевым технологиям

🤩 Network Admin | Guides - канал, где рассказывают полезную информацию про Windows/Linux

📱 BashTex - обучение работе с командной строкой

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

Свойство line-height управляет высотой строки текста, то есть расстоянием между базовыми линиями соседних строк.

Оно напрямую влияет на читаемость и визуальный баланс текста

➡️ Пример:

<div class="text">
  Это пример текста<br>
  с увеличенным межстрочным интервалом.
</div>

<style>
  .text {
    width: 250px;
    line-height: 1.8;
    font-size: 16px;
  }
</style>

🗣 В этом примере line-height: 1.8 делает текст более “воздушным” и удобным для чтения.

Популярные значения:

• normal — стандартное поведение (обычно 1.2)
• число — множитель от размера шрифта (рекомендуется)
• px, em, % — фиксированная высота

line-height — основа типографики в вебе. Грамотный выбор значения делает интерфейс аккуратным и читабельным.

CodeBase | Frontend | #CSS

🖥 Мой список вопросов о CSS для собеседования в 2025 году

Я обновил список вопросов для проверки знаний CSS — с фокусом на новые фичи и неожиданные нюансы. Попробуйте пройти этот мини-тест и проверьте, насколько хорошо вы чувствуете современный CSS.

🔗 Ссылка

CodeBase | Frontend | #article