👩‍💻 Хочешь эффект «стеклянного» интерфейса?

Свойство backdrop-filter позволяет применять визуальные эффекты к фону элементов, находящихся за целевым элементом.

Возможные значения:

• blur(px) — размытие фона.
• brightness(%) — регулирует яркость заднего фона.
• contrast(%) — изменяет контрастность.
• grayscale(%) — переводит фон в оттенки серого.
• opacity(%) — управляет прозрачностью фона.
• sepia(%) — придаёт фону тёплый, коричневатый оттенок.
• hue-rotate(deg) — изменяет оттенок фона.
• invert(%) — инвертирует цвета.
• none — сбрасывает все фильтры, фон остаётся без изменений.

Можно указать несколько функций через пробел. Причём при разном порядке функций результат будет отличаться.

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

✍️ HTML и CSS с нуля — Полный курс для начинающих!

Он предназначен для тех, кто хочет освоить веб-разработку с нуля. Вы научитесь создавать адаптивные и кроссбраузерные сайты, верстать макеты, формы и таблицы с современным дизайном, а также применять современные методы CSS для удобной и качественной верстки.

Ссылочка на плейлист: YouTube 🖤

📣 Code Ready | #курс

☕️ CSS Layout Generator — реальная находочка для фронтенда!

Быстрый и наглядный способ собрать Grid или Flexbox-layout: выбирай схему, настраивай параметры и сразу получай готовый CSS-код. Подходит для прототипов, адаптивных макетов и production-верстки.

📌 Ловите ссылочку: layout.bradwoods.io

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

👩‍💻 Добавляет заголовок полям ввода, сгруппированным при помощи <fieldset>

Тег <legend> добавляет заголовок в <fieldset>, который по умолчанию оформляется браузером как текст, органично вписанный в рамку.

Особенности:

• Обычно отображается в начале рамки <fieldset>

• Может содержать текст, HTML-форматирование или вложенные элементы.

• Улучшает семантику и восприятие формы.

Так пользователи и вспомогательные технологии сразу видят, что поля относятся к одной группе.

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

☕️ Нашёл годную статью на Хабре, в которой автор делится опытом создания кастомной альтернативы Google Таблицам и Excel

В этой статье:
• Реализована поддержка формул с использованием библиотеки HyperFormula;
• Добавлено условное форматирование с учётом строгой типизации столбцов;
• Интегрирован функционал построения графиков с использованием Chart.js;
• Рассмотрены возможности кастомной интеграции в другие приложения и расширения функционала.

🔊 Продолжай чтение на Habr!

📣 Code Ready | #статья

👩‍💻 Как сделать так, чтобы пользователь видел, на какие ссылки он уже кликал?

Псевдокласс :visited добавляется ссылкам, по которым уже переходил пользователь.

Возможные значения:

• color — можно задать отдельный цвет для посещённых ссылок.

• background-color, outline, border-color — тоже разрешены.

Браузер отслеживает, по каким ссылкам на странице кликнул пользователь, и подставляет фантомный класс :visited тем из них, по которым был совершён переход на другую страницу.

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