{"id":13516812,"url":"https://github.com/flukeout/css-diner","last_synced_at":"2025-05-15T02:07:27.442Z","repository":{"id":13937194,"uuid":"16636908","full_name":"flukeout/css-diner","owner":"flukeout","description":"CSS Diner","archived":false,"fork":false,"pushed_at":"2023-09-19T20:22:33.000Z","size":288,"stargazers_count":2774,"open_issues_count":135,"forks_count":348,"subscribers_count":31,"default_branch":"develop","last_synced_at":"2025-04-13T23:55:25.380Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://cssdiner.com","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/flukeout.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2014-02-08T05:39:34.000Z","updated_at":"2025-04-10T13:22:01.000Z","dependencies_parsed_at":"2022-07-10T22:16:15.282Z","dependency_job_id":"7ea67640-f75f-45ac-8c6e-433c400a83e2","html_url":"https://github.com/flukeout/css-diner","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flukeout%2Fcss-diner","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flukeout%2Fcss-diner/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flukeout%2Fcss-diner/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flukeout%2Fcss-diner/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/flukeout","download_url":"https://codeload.github.com/flukeout/css-diner/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254259383,"owners_count":22040820,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-01T05:01:26.141Z","updated_at":"2025-05-15T02:07:27.417Z","avatar_url":"https://github.com/flukeout.png","language":"CSS","funding_links":[],"categories":["Projects","CSS","前端/博客","CSS Diner"],"sub_categories":["CSS","CodeGames"],"readme":"# Welcome to CSS Diner\n\nIt's a fun game to learn and practice CSS selectors.\n\nTo play, visit [flukeout.github.io](http://flukeout.github.io/) or [cssdiner.com](http://cssdiner.com/)\n\n### Change Log\n\n**Aug 25,2016**\n* Added Twitter, Facebook and Email share actions\n  * Tracking clicks with GA Events\n* Made the level menu and editor area scroll independently\n  * Using custom jQuery scroll library\n\n**Aug 18,2016**\n* Started using ``cssdiner.com`` to redirect to ``flukeout.github.io``\n\n**Aug 12,2016**\n* Added checkmarks to completed levels in level menu and header\n\n**Aug 4,2016**\n* Began tracking progress and correct guesses with GA Events\n\n\n### Filing issues and PRs\n\nPlease file issues and PRs in the [css-diner repo](https://github.com/flukeout/css-diner/).\n\n### Repo structure\n\nHere's the repo structure, it's a bit confusing...\n\n* Currently, all of the working code (including issues, PRs and in-progress branches) is hosted in the [css-diner repo](https://github.com/flukeout/css-diner/)\n  * The lastest version of the code is on the ``develop`` branch\n* The live version is published from the [flukeout.github.io repo](https://github.com/flukeout/flukeout.github.io/issues)\n  * Live version lives on the ``master`` branch\n\n### Deploying\n\nThis is more of a note to myself in case I forget, to deploy the latest version, I'll have to push to the ``master`` branch on the ``flukeout.github.io`` repo from the latest ``develop`` branch.\n\n# Roadmap and Status\n\n**Potential Features \u0026 Improvements**\n\n* Lots of people have trouble with level 19, how should I address this?\n* Create levels for attribute selectors\n  * Will probably add attributes like ``customer='bob'`` and place a little nametag by those dishes\n  * Also some great ideas in [this issue](https://github.com/flukeout/css-diner/issues/91)\n* Figure out how to tackle the ``.table`` element\n  * Including it in the selector string makes the selectors invalid, but it shouldn't\n* Investigate the order of stacked oranges in the markup, some users think it's counter intuitive\n* Block attempts to use comma between selectors\n* Only pass each level if that level's selector is used\n* Make it easier to navigate between levels\n* Number all of the levels in the menu\n* Add UI to Tweet about finishing all of the levels\n* Add additional challenges per Selector\n  * Some repetition per level would be good\n\n### Special Thanks\n\n* [@k88hudson](https://twitter.com/k88hudson)\n* [@antlam](http://www.twitter.com/antlam)\n* [@smashman2004](https://twitter.com/smashman2004)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflukeout%2Fcss-diner","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflukeout%2Fcss-diner","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflukeout%2Fcss-diner/lists"}