DIY Web Development Directory

A tool that scans your website and points out poor color contrast that could make your text difficult to read

An informative guide about web accessibility

Guide to make your site responsive

A guide I created on making responsive sites

A tool that will scan any website and give suggestions about how to make it accessible

A huge list of tools that assist in helping create accessible websites

A browser extension to allow you to download all of the images on a page

Software for Windows/Linux that will crawl and locally archive a website for you

A browser extension that will save an entire website locally as a .html file

A free online textbook about learning to program with C

A free online textbook about learning JavaScript

A free online course that teaches full-stack front-end development in Javascript and/or Ruby

A free reference text about PHP coding standards

A free online course that teaches how to program in Python

A free and open-source gamified way to familiarize yourself with JS logic

Cheap domains with free domain privacy and email forwarding

A pet for your website

Free counter for your site

Add an interactive kitty to your webpage

A bitmap font editor/maker in your browser.

A page with downloads for tiny bitmap fonts

A web badge maker

An archive of old tiled backgrounds

Create your own blinkies

Fake ads to use on your page

More fake ads to use on your page

Create & edit gifs

Generate word art

A keyword-searchable collection of old gifs archived from Geocities

Generate Microsoft Office-esque word art

A collection of internet bumper stickers

Add glitchy and retro effects to photos and gifs

Upload an image and this tool will remove the background

Make your own tiled backgrounds

Free background patterns

A huge collection of web badges to display on your site

A list of some of the cheapest VPS hosting available

A free webserver with PHP & SQL databases, for hobbyists

Affordable VPS hosting

Very small, cheap KVM host

A live editor that shows you HTML/CSS changes as you make them in real time

A browser game that helps reinforce how to use CSS selectors

A browser game that helps reinforce the concepts of Flexbox

A browser game that helps reinforce the concepts of CSS Grid

A handy reference sheet when using HTML

Generate the markup for lists, tables, links, images and more

A collection of HTML/CSS and other guides

A collection of JavaScript effects that still work

A good beginner's guide to HTML & CSS

Paste in formatted text and generate it into HTML

Huge collection of layouts, not all work with Neocities sites (e.g., are LJ themes, etc.)

Free layouts you can copy!

Premade layouts and useful site codes

Classic 00s layouts

Free HTML website templates

Free website analytics tool that doesn't track personal data

If you put in your URL, this will give you a list of websites that have linked to you

CSS formatter

This tool will scan your website and tell you if it finds broken links. Some false positives but they are pretty obvious.

This site will scan your website's performance (how fast it loads, etc)

Minify your JS and CSS code to make your website load more quickly

This tool scans your site and "cleans" your CSS by removing unused code and condensing existing code. Using the new code also lightens the size of the CSS file

This tool scans a website to ensure it's following HTML validation standards

This tool scans a website to ensure it's following CSS validation standards

Estimate your website's carbon footprint

Highly customizable website builder that works on mobile

Drag and drop page builder

Another cool drag and drop page builder

A free chatbox for your site

A form you can use on your site for contact inquiries. It is limited to 50 submissions a month on the free plan

A good, free alternative to Google Forms