Plain-language web development tutorials and small browser tools. Every tutorial is original, tested, dated, and ends with an exercise you can do in your browser. No sign-up, no newsletter.
HTML & CSS
What the HTML landmark and sectioning elements mean, how to pick the right one, a complete page skeleton you can copy, and the mistakes that quietly break accessibility.
Tools & Workflow
What Node.js is, how to run a script, a working HTTP server that serves files safely and answers a JSON endpoint, where frameworks like Express fit in, and how to keep it running.
JavaScript
The parts of JavaScript you use every day, explained precisely: let and const, the seven primitive types, how objects are references, functions and closures, and why === is almost always what you mean.
Tools & Workflow
How a browser loads a page, the Core Web Vitals and what each one measures, and the eight changes that fix most slow sites: image sizing, script loading, fonts, caching, compression, and avoiding layout shift.
Tools & Workflow
The accessibility fixes with the widest effect, each with the code: keyboard access and focus, colour contrast, labels and names, images, headings and landmarks, motion, and how to test with a keyboard and a screen reader.
HTML & CSS
Flexbox for one-dimensional rows and columns, Grid for two-dimensional page layout, how to choose between them, and a mobile-first page layout built step by step with no media query until it is actually needed.
Foundations
The regular expression syntax worth memorising, how a pattern is matched step by step, the JavaScript methods that use them, named groups, and the two mistakes (greedy quantifiers and catastrophic backtracking) that cause real bugs.
Foundations
The complete JSON grammar on one page, the differences from JavaScript objects that cause invalid documents, what JSON.stringify silently drops, dates and big numbers, validating untrusted input, and when not to use JSON at all.
Foundations
Why following tutorials stops producing progress, and a concrete method that does: build-first projects, deliberate practice with spaced retrieval, reading documentation and other people's code, keeping a lab notebook, and how to get unstuck without giving up.
Structure, layout, typography and theming: the parts of a page you can see.
The language of the browser, from first variables to async code and debugging.
Node.js, Git, performance and accessibility: the habits around the code.
Regular expressions, JSON, the maths programmers actually use, and how to learn.
Small single-purpose tools that run entirely in your browser; nothing you type is sent anywhere.
TechTutorZone is a small, independent tutorial site. Articles are written by the site's editorial team, tested in current browsers before publishing, and re-checked when the tools they describe change. Each one carries its publish and update dates. Read the editorial policy or about page, and report a mistake if you find one.