Visit the playground at: https://davidvandenbor.github.io/playgrounds/
An overview page of my code snippets archive, pushed to CodeSandbox. Each code snippet sits inside a virtual "Playground". You can play around with the code: in Codesandbox the snippets update live in preview windows! You can also open each Playground in a new larger window for tinkering and editing. My playgrounds are individually hosted on Github as repos, and are automatically updated/pushed to Codesandbox previews!
It became difficult for me to manage my Codepens on codepen.io. There wasn't an easy way to back them up, and there was no archive management or version control. I also wanted to have playgrounds similar to Codepen, but without constantly having to manually create Codepens by hand or maintaining a second parrallel code base to my original snippet collection. With CodeSandbox I don't need to make "physical" playgrounds. The repo's automatically get "pushed" to CodeSandbox, where they are displayed/showcased.
The flow more or less looks like this:
https://davidvandenbor.github.io/playgrounds/oefening-css-media-queries
https://davidvandenbor.github.io/playgrounds/oefening-css-navigatie-desktop-mobile/
https://davidvandenbor.github.io/playgrounds/oefening-html-includes/
https://davidvandenbor.github.io/playgrounds/oefening-css-grid/
https://github.com/davidvandenbor/html-includes-with-standard-javascript
https://github.com/davidvandenbor/css-media-queries
https://github.com/davidvandenbor/navigation-desktop-mobile
https://github.com/davidvandenbor/css-animation-via-intersection-observers
https://github.com/davidvandenbor/css-animation-linked-to-scrollbar
https://github.com/davidvandenbor/scalable-css-grids-and-columns-without-media-queries
https://github.com/davidvandenbor/mijn-eerste-webpagina
https://github.com/davidvandenbor/svg-examples
www.davidvandenbor.nl
https://github.com/davidvandenbor
