Resources
As with the other pages on this site, the items listed here are not exhaustive. I approached creating this list by considering what resources my students and I have found most useful in recent years. If you have a resource that you think needs to be here, please reach out using the info on the Endnotes page.
General Resources and Directories
Github: A website and cloud service for storing and managing code. (This site's source code is stored and managed on Github as are all of my examples linked in the guide section.)
MDN Docs and Tutorials: These are great for both learning web development and references for HTML, CSS, and JavaScript.
https://developer.mozilla.org/en-US/
Tiny Tools: A directory of open source and experimental tools for digital making of all kinds.
Accessibility
WebAIM: Comprehensive website for creating accessible web content including resources, tools, articles, and services.
WAVE: Web accessibility evaluation tool.
Sustainability
Sustainable Web Design: Comprehensive sustainable web design resource.
https://sustainablewebdesign.org/
Website Carbon Calculator: For testing the carbon footprint of a website.
https://www.websitecarbon.com/
Ecograder: For testing the carbon footprint of a website.
Code
HTML
MDN Reference on HTML
https://developer.mozilla.org/en-US/docs/Web/HTML
HTML Reference.io
CSS
MDN Reference on CSS
https://developer.mozilla.org/en-US/docs/Learn/CSS
CSS Reference.io
Patternify: A CSS Pattern Generator
JavaScript
The Vanilla JS Toolkit: A resource for general purpose JavaScript libraries, frameworks, and methods.
Eloquent JavaScript: A textbook and interactive website for learning JavaScript.
https://eloquentjavascript.net/
p5.js: A JavaScript library for creative coding.
Three.js: A JavaScript library for creating and displaying 3D content on the web.
Paper.js: A JavaScript library for working with vector graphics.
Color
Coolors: A color palette generator and explorer.
HTML Color Codes: Pick and converter.
Huemint: Machine learning assisted color palette generator:
Still Imaging
Converting
W3Docs: Converting images to Base 64:
https://www.w3docs.com/tools/image-base64
Online Converter: Converting Images to SVG:
https://image.online-convert.com/convert-to-svg
Cloud Convert: Converting Images to WebP (and more):
https://cloudconvert.com/webp-converter
Editing and Resizing
GIMP: Open source raster image (photo) editor:
Inkscape: Open Source vector image editor:
Dithering
DitherIt: Online dithering tool.
Dither Me This: Online dithering tool.
https://doodad.dev/dither-me-this/
3D Modeling
Blender: Open source 3D modeling software.
Model Converter: Online glTF model converter: