Resources

[ShadowJonathan]

There should be an easy way to get access to resources regarding web development.

I think that they should be split in two categories; reference, and tutorials.

Reference should include things like;

• MDN
• caniuse.com
• (maybe) HTML spec
• JS spec (?)
• CSS references

Tutorials should include basic introductions, and playful gamification as well.

Tutorials;

• https://www.flexboxdefense.com/
• https://flexboxfroggy.com/
• https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/
• w3schools
• https://ourworldofcode.neocities.org/
• https://www.freecodecamp.org
• https://developer.mozilla.org/en-US/docs/Web/Tutorials
• https://tutorial.djangogirls.org/
• https://internetingishard.netlify.app/
• https://cssgridgarden.com/
• (maybe) https://www.joshwcomeau.com/react/use-deferred-value/

Templates;

• https://html5up.net/

We should/could also grab some stuff from https://neocities.org/tutorials

[Draconizations]

I'm unsure if linking to the HTML and JS specs would be too useful for most people who are just getting started with HTML/CSS. I'd still include them! But would add a disclaimer that these are technical documents.

As for gamification, here's another flexbox one. https://flexboxfroggy.com/

I think it might be worth it writing some built in tutorials, or making it easy for admins of instances to add their own. At least, that's what I would like to do if/when I host Essy myself!

EDIT: by "making it easy" I mean making it easy to edit the source code for this. Not a built-in way for admins to add this.

[ShadowJonathan]

Yeah, the link to the spec is only for people who already know most of HTML, but still need a reference of "wait how was it again (exactly)?"

Just adding a quick link instead of having them look up on google and encounter a wish-washy example on w3schools (which is more a tutorial than a reference) would make it an annoying experience.

[Draconizations]

That makes sense! I'm mostly looking at this from the angle of someone who mostly has friends who aren't too familiar with HTML yet.

I also just remembered another gamified exercise. This one's for CSS grid https://cssgridgarden.com/