⚡️Infinitely drawing icons — Интересная анимация загрузки-

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

🔗 Ссылка

CodeBase | Frontend | #animate

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

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

👩‍💻 Что такое метод reduce() в JavaScript и как он используется?

reduce() — это метод массивов, который сворачивает все элементы в одно итоговое значение, проходя по массиву слева направо.

Часто применяется для суммирования, подсчёта, объединения или построения новых структур данных.

➡️ Пример:

const numbers = [1, 2, 3, 4, 5];

// Суммируем элементы
const sum = numbers.reduce((acc, num) => acc + num, 0);

console.log(sum); // 15

🗣️ В этом примере:

• acc — аккумулятор (накапливает результат)
• num — текущий элемент массива
• 0 — начальное значение аккумулятора
• Возвращает одно значение, не изменяя исходный массив

reduce() универсален: им можно считать суммы, группировать объекты, строить словари и даже реализовать методы map / filter "вручную"

CodeBase | Frontend | #JS

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

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

Разбираюсь, как правильно использовать иконки в вебе: где встраивать SVG, когда подключать шрифты, зачем нужны viewBox и почему alt не спасёт. Примеры, нюансы, всё своё.

🔗 Ссылка

CodeBase | Frontend | #article

Причина гибели моих нервных клеток

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

⚡️Cards with inverted border-radius — Карточки товаров с интересным решением для кнопки

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

🔗 Ссылка

CodeBase | Frontend | #animate

⚡️ Анонимная покупка доменов в боте

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

Бот - @FastDomainBot

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

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

Применяется к <input> и <textarea>.

➡️ Пример:

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

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

• Контролирует размер пользовательского ввода
• Уменьшает нагрузку на сервер
• Полезен для комментариев, полей имени, заголовков и т.п.

maxlength — простой способ ограничить ввод на стороне клиента без JS.

CodeBase | Frontend | #Основы

🖥 Как переносить «висячие» слова на следующую строку с помощью JavaScript

Для автоматического предотвращения переносов после коротких слов можно использовать JavaScript, который заменяет обычные пробелы на неразрывные пробелы ( ) после определённых слов.

🔗 Ссылка

CodeBase | Frontend | #article

⚡️Signature animation — Поле для ввода подписи с интересной анимацией

Технологии: SVG, CSS, JS

🔗 Ссылка

CodeBase | Frontend | #animate