👩‍💻 Свойство mix-blend-mode

Это свойство отвечает за режим наложения между элементом и его родительским элементом, а также между элементом и фоном.

У него есть следующие параметры:

• multiply — умножает цвет элемента на цвет фона, создавая темный эффект.
• screen — уменьшает темноту цвета, создавая свечение.
• darken — выбирает самый тёмный цвет из двух (цвет элемента и цвет под ним).
• lighten — выбирает самый светлый цвет из двух.
• hue — устанавливает цвет элемента на цвет фона, сохраняя его яркость и насыщенность.
• luminosity — устанавливает яркость цвета элемента на уровень яркости фона.
• exclusion — создает эффект смешивания, который уменьшает контраст, производя более мягкий вид.

➡️ @code_ready | #свойство #css

👩‍💻 Тег details

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

Для корректной работы интерактивного элемента его заголовок помещается в тег summary. Он обеспечивает визуальную подсказку о наличии скрытого контента и служит удобным способом организации информации на веб-страницах.

➡️ @code_ready | #html

Flexer — это CSS-песочница, в которой можно легко сгенерировать и расположить блоки. Нужно просто задать размеры и отступы элементам, а сайт сгенерирует CSS-код с flexbox.

⛓ Ссылочка: https://www.flexer.dev/

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

👩‍💻 Шпаргалка Flexbox позиционирования

Flexbox -  позволяет контролировать размер, порядок и выравнивание элементов по нескольким осям, распределение свободного места между элементами и многое другое.

📣 Code Ready | #css

📱 Меняем px в rem

px to rem — плагин, который позволяет с лёгкостью изменить единицы измерения px в rem. Нужно просто выделить нужный участок кода и нажать Alt + Z.

📣 Code Ready | #плагин

📱 Как работает Array.prototype.reduce()

Array.prototype.reduce() — это метод массивов в JavaScript, который выполняет функцию редукции на каждом элементе массива, преобразуя его в одно значение. Он принимает два аргумента: функцию обратного вызова и необязательное начальное значение аккумулятора.

Редукция в JavaScript — это процесс преобразования массива в одно значение с использованием метода `reduce()`, который применяет заданную функцию к каждому элементу массива, аккумулируя результаты в одно итоговое значение, например, сумму, произведение или объект.

📣 Code Ready | #метод

📖 Javascript с нуля

Книга предназначена для начинающих программистов и предлагает пошаговое руководство по освоению основ языка JavaScript и его применения в веб-разработке.

Автор: Чиннатхамби К
Год: 2021

⬇️ Скачать книгу

📣 Code Ready | #книга

hcdev — справочник по HTML, CSS и JS, который содержит в себе актуальные знания по всем технологиям, предназначенных для фронтенд-разработки.

⛓ Ссылочка: https://hcdev.ru/

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

Вёрстка сайта по макету из Figma 2024 — плейлист, состоящий из 8 практических уроков, в которых вы с нуля сверстаете сайт, используя готовый дизайн из программы Figma.

Ссылочка на курс: YouTube 🖤

📣 Code Ready | #курс

📱 CSS Preview

Плагин для VS Code, который позволяет просматривать стили CSS в реальном времени, отображая визуальный результат изменений прямо в редакторе.

📣 Code Ready | #плагин

👩‍💻 Атрибут draggable

С помощью draggable можно создать интерактивные элементы на веб-странице, которые пользователи смогут перетаскивать.

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

• draggable="true" — элемент можно перетаскивать.

• draggable="false" — элемент нельзя перетаскивать.

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

Webcode,tools — это онлайн-инструмент для генерации и настройки различных HTML, CSS и JS кода, который помогает разработчикам быстро создавать веб-элементы и видеть результаты в реальном времени.

⛓ Ссылочка: https://webcode.tools/

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

👩‍💻 Цвет курсора текста

Свойство caret-color в CSS позволяет управлять цветом мигающего курсора в текстовых полях, таких как <input>, <textarea> и элементы с атрибутом contenteditable.

Оно может принимать различные цветовые значения:

• Стандартный цвет — red, blue...
• HEX-коды — #ff0000, #00ff00
• RGB — rgb(255, 0, 0)
• HSL — hsl(120, 100%, 50%)

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

📖 JavaScript. Полное руководство

Книга предлагает всестороннее изучение языка JavaScript, включая его базовые и продвинутые аспекты, с множеством примеров и практических рекомендаций.

Автор: Дэвид Флэнаган
Год: 2021

⬇️ Скачать книгу

📣 Code Ready | #книга

JSRobot — небольшая игра, в которой вам предстоит управлять роботом с помощью Javascript для преодоления препятствий и решения головоломок.

⛓ Ссылочка: https://lab.reaal.me/jsrobot/

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

📱 SVG-Viewer

Плагин для VS Code, который позволяет просматривать векторные изображения прямо в редакторе кода.

📣 Code Ready | #плагин