👩‍💻 Обязательные поля для заполнения

Псевдокласс :required в CSS используется для стилизации элементов формы, которые имеют атрибут required.

Это означает, что элемент должен быть заполнен перед отправкой формы.

📣 Code Ready | #свойство #css

👩‍💻 Фишка для корпоративных разработок

Если вы уже владеете системой управления версиями, то вам будет полезно знать🙄

Режим отслеживания изменений между версиями позволяет удобно посмотреть как изменялся код

Включить можно в меню в верхней панели, также есть режим, который показывает блоки измененного кода 🤩

📣 Code Ready | #vscode

Grid Garden — игра, которая учит основам CSS Grid, позволяя управлять растениями в саду, используя свойства для прохождения уровней.

📌 Ссылочка: cssgridgarden.com

📣 Code Ready | #ресурсы

🤯 Очень красивый эффект для блока карточки на CSS

На самом деле, это совсем не так тяжело, главное знать пару функций — blur, calc и самые базовые в языке стилей.

Вот код карточки, но без доп. эффектов:

.card {
  background: #191c29;
  width: var(--card-width);
  height: var(--card-height);
  justify-content: center;
  align-items: center;
  color: rgb(88 199 250 / 0%);
}

Разберем самые важные функции:

• CSS-функция var() — подставляет кастомные свойства в качестве значения свойств

• Стилевая функция blur() — задаёт размытие по Гауссу изображений, фоновых картинок или текста.

• Функция calc() — производит математические вычисления прямо в css.

▶️ И конечно же полный код карточки на codepen.io

📣 Code Ready | #css

👩‍💻 Очередной атрибут — spellcheck

Который определяет, должна ли проверяться орфография содержимого элемента. Всё максимально просто.

Он может использоваться в таких элементах, как input, textarea, и даже в некоторых других контейнерных элементах, поддерживающих ввод текста.

Он имеет всего два значения:

• spellcheck="true" — Проверка орфографии включена.

• spellcheck="false" — Проверка орфографии отключена.

📣 Code Ready | #атрибут