Are there real-time, collaboration-enabled online html/css playground sites you'd recommend?
-
I teach a (very basic) HTML/CSS class at the high school level. One thing I'd like for the kids to be able to do is follow along with a demo and see the results of playing around with things in real-time.
I know there are sites that do this (codepen.io is one). Have any of you used any of them? Codepen requires payment for most of the features that I'd need, and I'm investigating alternatives.
Things I'd need:
- HTML/CSS capability. I don't need JS editing.
- Live updates so what they do takes effect without having to reload or switch browser tabs
- Sharing/collaboration features so I can send a link and they each get their own copy to mess with
Things I'd want:
- iPad friendly interface, since that's their dominant online access at this school. We have laptops, but they're a pain to pull from the cart and get set up. They all have iPads with them.
- Free, or at least low cost/educational pricing.
-
@benjamin-hall I use http://jsfiddle.net/ for when I need to do some tidbits. There's a save button to generate a link you can send, there's a fork button to create a new copy of it. You need to click run to execute code, but I think that's "live" enough since you don't want to try and render stuff as you type. It also has a collaboration mode.
It has JS support, yes, but... just ignore it?
-
@onyx said in Are there real-time, collaboration-enabled online html/css playground sites you'd recommend?:
@benjamin-hall I use http://jsfiddle.net/ for when I need to do some tidbits. There's a save button to generate a link you can send, there's a fork button to create a new copy of it. You need to click run to execute code, but I think that's "live" enough since you don't want to try and render stuff as you type. It also has a collaboration mode.
It has JS support, yes, but... just ignore it?
Fiddling with it (pun intended), there's a setting to auto run code (as well as auto run only validated code). I'll play around with it some more, but that seems to be a viable suggestion.
Thanks!
Except the settings pane doesn't go away on the iPad...I think I'll report a bug on that one, because it is one.
-
@benjamin-hall Writing CSS and HTML on an iPad is
-
@the_quiet_one said in Are there real-time, collaboration-enabled online html/css playground sites you'd recommend?:
@benjamin-hall Writing CSS and HTML on an iPad is
Yes, but it's what I (and they) have. The school is very big on making everything doable from their iPads. It actually works OK in practice (given a good app environment). Better if they have an external keyboard, best if they have both an external keyboard and an iPad Pro for the bigger screen.
The app I use has an addon bar above the keyboard with the special symbols (<, >, etc) you need, which makes that faster.
-
@benjamin-hall One good thing I'll say about it is it does squash all of the tab vs spaces debate.
-
@the_quiet_one said in Are there real-time, collaboration-enabled online html/css playground sites you'd recommend?:
@benjamin-hall Writing CSS and HTML
on an iPadis
-