CodeBase | Frontend

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

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

⚡️Text-Animation-test — Простая сцена с анимированным текстом Технологии: CSS 🔗 Ссылка CodeBase | Frontend | #animate

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

🖥 Автоматический HTTPS для ленивых: ACME + Angie один раз и навсегда Автор объясняет, как в Angie настроить ACME‑челлендж через DNS для получения wildcard‑сертификатов, не превращая процесс в квест для DevOps-гениев. Всё разжёвано до последнего байта. 🔗 Ссылка CodeBase | Frontend | #article

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

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

⚙️ Что такое свойство position: sticky в CSS и зачем оно используется? position: sticky фиксирует элемент внутри его родителя, когда он достигает определённого положения при прокрутке. Это удобно для заголовков, меню и панелей, которые должны оставаться на виду при скролле. ➡️ Пример:

<div class="section">
  <h2 class="sticky-title">Заголовок</h2>
  <p>Контент...</p>
</div>

<style>
  .section {
    height: 1500px;
    padding: 20px;
  }

  .sticky-title {
    position: sticky;
    top: 0;
    background: white;
    padding: 10px;
    border-bottom: 1px solid #ccc;
  }
</style>

🗣 В этом примере заголовок "прилипает" к верхней части экрана при прокрутке, но только в пределах родительского блока .section. CodeBase | Frontend | #CSS

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

⚡️Bouncy image radio group — Галерея с плавной анимацией при переключении Технологии: CSS 🔗 Ссылка CodeBase | Frontend | #animate

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

🖥 ChatGPT vs Гик. Сможет ли AI заменить опытного верстальщика? Автор проверяет, сможет ли ChatGPT сверстать как человек. Он даёт ИИ популярные паттерны и смотрит — пойдет ли такой код в прод. Спойлер: местами смешно. 🔗 Ссылка CodeBase | Frontend | #article

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

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

⚙️ Что такое атрибут required в HTML и зачем он используется? Атрибут required делает поле формы обязательным для заполнения. Если пользователь попытается отправить форму с пустым таким полем — браузер покажет предупреждение. ➡️ Пример:

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

🗣️ Почему полезно: • Проверка происходит прямо в браузере, без JS • Обеспечивает базовую валидацию «из коробки» • Работает для <input>, <textarea>, <select> required — простой способ сделать формы более устойчивыми и понятными для пользователя. CodeBase | Frontend | #Основы