Welcome!
This page has links to all the materials you'll need for this class, and more!
Some of the links go to pages on this very site, and some go to pages around the web. Let's get started!
Class exercises
Website eraser
This is a browser extension that lets you delete parts of any site. (Don't worry they come back when you refresh the page.)
Inspiration!
Here's a bunch of sites I've bookmarked for you that I think are extra cool. I'll keep adding to it, so you can check back later for more.
Tools
Examples
This site has the following examples:
- A Very Basic HTML page
- How to use CSS to style your page
- How to use CSS to fuck up your page
- Playing audio
- Sparkle cursor, a fun javascript spell
- Play.html, another fun javascript spell
Advanced Examples
Visual Editors
Simple Pagebuilder
This is a free tool that provides a visual interface for making simple HTML layouts.
HotGlue
This is kind of like a cross between Glitch and the Simple Pagebuilder. You have to sign up for it, but it's a good option if you just want to make a site that's full of images and links without editing HTML. And what you learn today will help you edit any site you make.
Text editors
You can't code in Word or Google Docs -- you need to edit plaintext. Here are some free tools to do that:
If you find yourself liking markdown, there are some great editors built just for that, without the extra features of a code editor.
- Obsidian is so, so useful for many things beyond writing markdown, but it also has one of the best interfaces for doing so. You can just write normally and it all becomes markdown.
- Moeditor is about as simple as you can get in an interface
- You can also just use Google Docs and export markdown
Make cool images
- Dithermark makes everything look cool.
- Pixlr is Photoshop in your browser
Get §.•´¨'°÷•..× 🎀 𝒻𝒶𝓃𝒸𝓎 🎀 ×..•÷°'¨´•.§
I love the Fancy Text generator
Reference
Resources for keeping the web free, open, and poetic
Great list of tools, tutorials, and inspiration, made by the guy who made Simple Pagebuilder.
About this Site
This site is made on Glitch.com. Login to access your dashboard
It's running a site-generator called Eleventy, but you don't need to know that. If you're curious, check out their Help Center article.
It uses Octothorpes, which are hashtags you can use on independent websites.