This media is not supported in your browser
VIEW IN TELEGRAM
Технологии: SVG, CSS, JS
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6✍1🤓1
Вам нравится читать контент на этом канале?
Возможно, вы задумывались о том, чтобы купить на нем интеграцию?
Следуйте 3 простым шагам, чтобы сделать это:
1) Нажмите на ссылку: Вход
2) Пополняйтесь удобным способом
3) Размещайте публикацию
Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.
Возможно, вы задумывались о том, чтобы купить на нем интеграцию?
Следуйте 3 простым шагам, чтобы сделать это:
1) Нажмите на ссылку: Вход
2) Пополняйтесь удобным способом
3) Размещайте публикацию
Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.
👍4✍1🤓1
required
в HTML и зачем он используется?Атрибут
required
делает поле формы обязательным для заполнения.Если пользователь попытается отправить форму с пустым таким полем — браузер покажет предупреждение.
<form>
<label>
Email:
<input type="email" required>
</label>
<button type="submit">Отправить</button>
</form>
• Проверка происходит прямо в браузере, без JS
• Обеспечивает базовую валидацию «из коробки»
• Работает для
<input>
, <textarea>
, <select>
required
— простой способ сделать формы более устойчивыми и понятными для пользователя.CodeBase | Frontend | #Основы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤1🔥1
Автор проверяет, сможет ли ChatGPT сверстать как человек. Он даёт ИИ популярные паттерны и смотрит — пойдет ли такой код в прод.
CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Технологии: CSS
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥2❤1🥰1
Автор объясняет, как в Angie настроить ACME‑челлендж через DNS для получения wildcard‑сертификатов, не превращая процесс в квест для DevOps-гениев. Всё разжёвано до последнего байта.
CodeBase | Frontend | #article
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍2🔥1🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
Технологии: CSS
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤4🔥2