CSS Diner — игра для изучения CSS-селекторов
32 уровня с тарелками, bento и CSS-селекторами: выбирайте предметы кодом, изучайте HTML и подсказки. Бесплатные исходники @flukeout с MPL-2.0, лицензиями библиотек и русской инструкцией.
CSS Diner — бесплатная браузерная игра @flukeout и участников проекта для практики CSS-селекторов. На столе показаны предметы, а в редакторе нужно написать селектор для нужных элементов. Рядом доступны HTML Viewer, объяснение синтаксиса и примеры. В исходнике 32 уровня: тип, ID, классы, отношения элементов, псевдоклассы и атрибуты.
В комплекте исходники официальной ветки develop, revision 566aaa01314caddc7a9034d793250cf2b8f12a4e, русская инструкция, полная MPL-2.0 и MIT для встроенных jQuery/malihu. Существующие upstream-файлы не изменены; дополнительно включён недостающий sprite прокрутки из официального malihu-репозитория. Размещающий профиль не является разработчиком игры и не представляет @flukeout.
Это исторический учебный исходник с последним commit 2018 года, не современный production-шаблон. Оригинал обращается к Google Fonts, Google Analytics и может загружать jquery-mousewheel с cdnjs: полностью автономная работа не обещается. Node/npm и AI-модель не требуются. Проверено официальное демо: ответ plate принят, появился уровень 2 из 32; локальный запуск архива и полное прохождение не заявляются.
Исходный проект и библиотеки распространяются на условиях MPL-2.0/MIT с сохранением уведомлений и прав получателей на исходники. Полные тексты лицензий и происхождение включены в ZIP. Никаких эксклюзивных прав, оплаты API, покупки подписки или поддержки от разработчика карточка не обещает.
source/ — исходники игры и локальные ресурсы
README-RU.md — запуск, сеть и ограничения
source/LICENSE — полная MPL-2.0
LICENSE-jQuery-MIT.txt и LICENSE-malihu-MIT.txt — MIT библиотек
SOURCE.json — revision и контрольные суммы
JavaScript
Распакуйте ZIP и откройте source/index.html в браузере или через установленный статический сервер. В оригинале есть Google Fonts/Analytics и загрузка mousewheel с CDN. Исторический учебный код, не production-шаблон; локальный запуск не проверялся. Подробности и лицензии в README-RU.md.
CSS Diner: Mozilla Public License 2.0 (полный source/LICENSE). Сохраняйте уведомления и права получателей на исходный код; изменения покрытых исходников — по применимым условиям MPL. jQuery и malihu: MIT с исходными copyright. Полные лицензии в ZIP. Разработчик @flukeout и участники; размещающий профиль не заявляет авторство или эксклюзивные права.