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

text-shadow — это CSS-свойство, которое добавляет тень к тексту, улучшая его визуальное восприятие. Оно позволяет задавать цвет, смещение, размытие и создавать эффекты, такие как свечение или объёмный текст.

➡️ Пример:

<div class="text">Тень у текста</div>

<style>
  .text {
    font-size: 24px;
    font-weight: bold;
    color: darkblue;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); /* Тень с размитием */
  }
</style>

🗣 В этом примере text-shadow делает текст более выразительным. Это свойство часто используется для стилизации заголовков, кнопок и декоративных элементов.

CodeBase | Frontend | #CSS

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

Атрибут required делает поле формы обязательным для заполнения.

Если пользователь попытается отправить форму без значения — браузер покажет предупреждение.

➡️ Пример:

<form>
  <label>
    Email:
    <input type="email" required>
  </label>
  <button type="submit">Отправить</button>
</form>

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

• Проверка происходит прямо в браузере, без JavaScript
• Повышает удобство для пользователя
• Работает с <input>, <textarea>, <select>


required — простой способ добавить валидацию в форму «из коробки».

CodeBase | Frontend | #Основы

🖥 К вопросу о кошмарном качестве книг по программированию. Моя не наглядная книга о наглядном CSS

Расскажу, почему современные комп-книги стыдно читать: дело не в переводе, а в ляпах и кривом коде. Покажу примеры, посчитаю фейлы, дам чек-лист, как выбирать годноту.

🔗 Ссылка

CodeBase | Frontend | #article

⚡️Circular Mask — Анимация переходов.

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

🔗 Ссылка

CodeBase | Frontend | #animate

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

🖥 CSS, который все ненавидят: sin() и cos()

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

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

🔗 Ссылка

CodeBase | Frontend | #article

⚡️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

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

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

#linux

🐧 Linux Club ©

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

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

🔗 Ссылка

CodeBase | Frontend | #animate