flexboxdefense — игра в жанре Tower Defense, в которой нужно правильно расположить турели с помощью flexbox для защиты.

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

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

CSS Gradient — Этот сайт позволяет легко создавать градиенты с помощью интуитивно понятного интерфейса и генератора кода. Вы можете настроить цвета и сохранить свои градиенты для дальнейшего использования.

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

👩‍💻 Простой атрибут — translate

Он управляет тем, должно ли содержимое элемента переводиться, если страница переведена с использованием автоматических переводчиков.

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

• translate="yes" (по умолчанию) — Должно быть переведено.

• translate="no" — Не должно быть переведено.

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

📣 Code Ready | #html

Знал ли ты, что можно не перепечатывать текст из видео вручную?

selectext — это расширение для Chrome, с помощью которого можно скопировать текст из видео, выделив область с текстом.

⬆️ Скачать расширение

➡️ Code Ready | #ресурсы

Уже были 2 игры для изучения флексов, но недавно нашел интересную игру уже для JavaScript

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

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

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

👩‍💻 Настраиваемая маска в CSS

Cвойство mask устанавливает изображение, которое используется как слой маски для элемента.

Принимаемые аргументы:

• mask-clip — определяет область распространения маски
• mask-size — размер маски
• mask-position — размещает маску относительно элемента
• mask-repeat — указывает, должна ли повторяться маска
• mask-mode — определяет, будет ли ссылка на маску
• mask-origin — задает начало координат маски.

📣 Code Ready | #css

👩‍💻 HTML для новичков с нуля!

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

Ссылочка на видео: YouTube 🖤

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