Resources
This is a working shelf, not a web directory. Every URL below stayed open across multiple projects. If an entry does not tell you when to click it, it does not belong here—volume is not a virtue.
Link targets are unchanged from their canonical locations. Descriptions are opinionated notes from building static pages on Neocities; they are not endorsements or partnerships.
Specs and reference reading
-
MDN Web Docs
Open when you need ground truth: element semantics, attribute defaults, and how browsers are expected to behave. Treat it as the appeal court when two blogs disagree.
-
W3Schools
Open when you already know the concept and only need a compact syntax reminder. Pair with MDN—do not let quick examples replace definitions.
-
CSS-Tricks
Open when you are implementing a layout pattern (grids, sticky headers, responsive cards) and want battle-tested CSS write-ups with diagrams.
Small tools and sandboxes
-
MDN: Working with JSON
Open when an API hands you a single-line JSON blob and you need to remember what keys mean, how arrays nest, and how to inspect values in the console without guessing.
-
TinyPNG
Open before upload when hero images or textures balloon page weight. Keep originals elsewhere—compress copies you ship.
-
CodePen
Open to isolate a CSS experiment away from your main file. Borrow ideas with attribution; paste only what you can explain line by line.
-
Canva
Open when you need a banner or diagram faster than launching a full design suite. Export dimensions and formats that match how the image will sit in markup.
Courses, forums, and repos
-
Bilibili
Open for walkthrough videos—often in Chinese—when a visual demo beats reading specs. Follow with a tiny page you build yourself; watching alone rarely sticks.
-
GitHub
Open to study how others structure small static sites: folder names, asset paths, and commit messages. Start with repos you can read in one sitting.
-
Stack Overflow
Open when you have an exact error string or selector behavior to match. Reduce your markup to the smallest file that still breaks before you post.
-
Udemy
Open when you want a paced syllabus with exercises. If lecture and MDN conflict on facts, trust MDN and treat the course as guided practice.