No YouTube or games unless they're ones linked on this page. Work on your website first before taking a free play break.
Hop around these sites during free time!
Resources
w3schools // Pretty much everything you need to know about HTML & CSS
Piskel // Make your own pixel art!
ASCII Facemaker // Make a profile picture with ASCII
PetraPixel's Positioning Tutorial // This neocities creator has great resources and sometimes goes into more detail than w3schools.
Giphy // Animated gifs (search for specific ones related to your website)
Betty's Graphics // Collection of old-school animated gifs and graphics if you like the retro web aesthetic.
Phosphoricons // Collection of free icons (modern ones)
Twine // An open-source tool for building choose-your-own-adventure stories. You can export your story in HTML/CSS/Javascript and put it on your website.
Class Print outs
Just for Fun
Flexbox Froggy is a simple CSS game.
Neal.fun has lots of mini-games.
Interland is a game made by Google around the theme of staying safe online. (Make sure to mute the sound when playing in class!)
Troll Patrol is a Choose Your Own Adventure story made with Twine.
Aegi's Cafe is a virtual cafe with pixel art you can explore (you can look at the source code on this!)
Inspiration Websites for Your Project
These are personal websites people have made. Poke around their code if you want to see how they built it. Some of these have sound so make sure to mute your computer.
Leith is a fun neocities site to explore.
Tiny Town is a cozy site with clever, interactive pages that match their interests.
Bird Tree Land is made by a guy who is super into nature.
Oopsie Doodle showcases her retro collections and also has a journal aspect.
Lazy Bones has a nice layout (see how the navigation is different than the others).
Tem Stuff is the personal website of Tem, who is the character designer of Deltarune and Undertale, two of the most popular Indie videogames.