Skip to content

Learn CSS via an interactive web tutorial, directly from VS Code / Codespaces

Notifications You must be signed in to change notification settings

lostintangent/css-diner

Repository files navigation

CSS Diner: A GitHub.dev Tutorial 🍽️

This repo provides an example of how github.dev can enable a platform for interactive tutorials. It's a port of the amazing CSS Diner tutorial by @flukeout, which helps teach CSS by selecting dancing food-related items from a table!

Getting Started

  1. Press . to open this repo in the web editor
  2. When prompted, install the recommended extensions (CodeSwing)
  3. After a few seconds, the editor will be automatically laid out as a playground environment
  4. Interact with the CSS Diner game, and see how it's fully interactive! 🚀
  5. Follow the instructions provided by the swing's coding prompts, and see if you can complete the game 🔥

References

  1. Codespaces - On-demand developer environments, powered by the cloud ☁️
  2. CodeSwing - An interactive coding environment for web applications 💃

About

Learn CSS via an interactive web tutorial, directly from VS Code / Codespaces

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published