Anchoreum

Помните Flexbox Froggy и Grid Garden? Это мини-игры, в которых нужно писать код, используя свойства flexbox и grid для прохождения уровней. Отличный способ разобраться с разными свойствами в игровом формате.

По мотивам этих двух игр сделали ещё одну: Anchoreum. Игра предлагает размещать элементы в указанных местах относительно якоря. Для этого нужно использовать новые свойства и директивы из Anchor Positioning API.

API уже доступен в Chromium-браузерах, а к концу года в рамках Interop 2025 появится в Firefox и Safari (уже доступен в Safari Technology Preview 26). Поэтому можно потихоньку знакомиться с API, в том числе через Anchoreum.

#css