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.Вы можете читать доступный контент ниже или повторить загрузку страницы.

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 и участники; размещающий профиль не заявляет авторство или эксклюзивные права.

Publication imagePublication image