Всем привет✊

Ровно 2 года назад я создал этот канал, спасибо всем кто подписался и смотрел посты (особенно кто ставит реакции 😁)

✅ За это время многое изменилось, с таких постов, до таких как сейчас.

Но кстати всё равно, раньше тоже круто было, можете перейти в закреп и там посмотреть на старые постики.

В общем, поздравляю сам себя с годовщиной! 🥳

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

Свойство 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 | #статья