VibeusLoadingЗагрузка
Vibeus

Loading is taking longer than usual.Загрузка занимает больше времени, чем обычно.

The full page couldn't load.Не удалось полностью загрузить страницу.

You can read the available content below or try loading the page again.Вы можете читать доступный контент ниже или повторить загрузку страницы.

Grid Garden — CSS Grid через 28 уровней

Marcus Reed ·

Бесплатные исходники игры Thomas Park / Codepip: CSS Grid, редактор кода, визуальные задачи и русский интерфейс. С инструкцией и полными MIT/CC BY лицензиями.

Grid Garden — открытая учебная игра Thomas Park / Codepip и участников проекта для изучения CSS Grid. На 28 уровнях нужно написать CSS, чтобы поливать морковь и убирать сорняки. Редактор и грядка показывают результат расположения элементов; есть русский интерфейс. Это проект исходного автора, размещающий профиль не выдаёт себя за разработчика.

Бесплатный ZIP содержит 28 неизменённых исходных файлов ревизии 0e262f7272d4992340eb556bdb9b2d502cc59932 от 4 января 2026, русскую инструкцию, сведения об источнике и контрольные суммы, полные лицензии и два собственных снимка официального демо. Проверен первый уровень и переход ко второму. Полное прохождение и локальная сборка архива не выполнялись.

Папка node_modules исключена. Для собственной копии нужны браузер, Node.js/npm и интернет: npm ci --ignore-scripts устанавливает jQuery и animate.css из исходного package-lock.json. Демо можно попробовать без установки и регистрации. Исходник обращается к Google Fonts и Google Analytics, содержит AdSense metadata и ссылки Codepip; полностью автономная работа и отсутствие аналитики или рекламы не обещаются. Ключи и платные API игре не нужны.

Код — MIT, Copyright (c) 2017 Thomas Park; изображения — CC BY 3.0 по официальному README. Сохраняйте авторство, лицензии, ссылки на источник и сведения об изменениях. Исходные изображения не изменены. Комплект неэксклюзивный, без поддержки и гарантий. Добавленные инструкции подготовлены с AI-помощью и лицензированы MIT. Исходный репозиторий: https://github.com/thomaspark/gridgarden

28 неизменённых файлов исходного проекта
README-RU.md — установка и ограничения
MIT + полный CC BY 3.0
SOURCE.json + UPSTREAM-HASHES.json
Два снимка официального демо

JavaScript

Браузер. Для запуска исходников: Node.js/npm, интернет, npm ci --ignore-scripts в папке gridgarden; node_modules не включён. Зависимости jQuery ^3.5.1 и animate.css ^3.4.0; локальная сборка не проверялась. Сохранились обращения к Google Fonts/Analytics, AdSense metadata и внешние ссылки. Платные API не нужны, услуги хостинга и поддержка не входят.

Код: MIT License, Copyright (c) 2017 Thomas Park. Изображения: CC BY 3.0, Thomas Park и исходные участники; источник https://github.com/thomaspark/gridgarden, лицензия https://creativecommons.org/licenses/by/3.0/ . Разрешены личное и коммерческое использование, изменение и распространение при соблюдении соответствующих лицензий: сохраняйте copyright/MIT, авторство, ссылки и отмечайте изменения. Оригинальные изображения не изменены; favicon преобразован в PNG для карточки. Добавленные инструкции: MIT, Copyright (c) 2026 Vibeus. Полные тексты в ZIP. Неэксклюзивно, AS IS, без поддержки и гарантий; одобрение автора не подразумевается.

Publication imagePublication image