TODO: the "Proper" Html setup chapter can probably be mostly covered in an intermediate html chapter, just gotta cover html, body, and comment elements.

Basic Websites in HTML
Adding Style with CSS
	element selectors, background, font-size, html, body, margin, padding
	color, color names, hexadecimal
	font-family
	
	box-shadow, text-shadow, border, border-radius
	box model, width, max-width, length units: pt, px, ch, em, vh, vw, %
	class
	div, span, display: block/inline
	selector chaining
	position
	float, clear
	
	id selectors, fragment id anchors?
Inventing New Tricks with JavaScript
	buttons are a tease
	can I have a whole chapter on JS without variables, functions, and loops?
Sharing Your Pages
	CSS should be separate file, shared with all pages on a site?
	I must warn you: there is only one internet. The internet is big, the internet is dangerous, and the internet never forgets. Unfortunately, you don't get your own private internet to share with just your friends. So before you share your pages on the internet, I have some advice: be kind... especially to people who are different from you, or may have had different opportunities from you.
Intermediate CSS
	using fonts from google fonts
Making Games
Making Art with Canvas and SVG
	pixel art editor
Making Art with WebGL
Making Noise with WebAudio
Using Other People's JavaScript
	JQuery, templates, frameworks, TypeScript, 3JS, Lowdash, D3.js, Chart.js, etc
	twine? tracery?

iframes, google maps! any other iframe goodies?
images with data urls
Emoji! (link to #sections, put in table)

If you can understand how clocks 🕑 and calendars 📅 work, you can probably understand any complex system.

	Include some small missing features that would be easy to find and fix, like in pong if the ball only bounces off the top wall. 

	99 bottles of beer, fizz buzz
	random name generator
	pong
	pretty analog clock, css vs svg?
	pixel art editor
	make some templates!
	localStorage
	public apis? https://github.com/toddmotto/public-apis
	date handling, planner
	quiz, random recipe
	svg, html+css, canvas, css animations, requestAnimationFrame
	your movie star name is...
	pig latin
	font gallery, typewriter courier, meme impact, etc

2x2 grid:
standalone, free: neocities
standalone, commercial: itch.io
service, free: glitch.com
service, commercial: ??? Lots of options, need to carefully evaluate. amazon s3, google app engine, lots of smaller service providers available.

apps, phonegap?



https://dev.bitly.com/best_practices.html

CC0 John Nesky has waived all copyright and related rights to WebToy.