Web Development Tools

Coding Software (downloads, free)

• Notepad++ (Windows only): https://notepad-plus-plus.org/downloads
• Microsoft Visual Studio Code: https://code.visualstudio.com/download
• CoffeeCup: https://www.coffeecup.com/free-editor (the $39 one-time payment download is also good)
• Brackets: https://brackets.io

Coding Environments (online, no download)

• XML: https://codebeautify.org/xmlvalidator - includes a validator

Validators

• HTML: https://validator.w3.org
• CSS: https://jigsaw.w3.org/css-validator
• XML: https://www.w3schools.com/xml/xml_validator.asp
• PHP: https://phpcodechecker.com

Tutorials

• W3Schools: https://www.w3schools.com
• HTML Dog: https://htmldog.com
• XML tutorial: http://fudgelink.com/gen/XML-intro.html
• CSS tutorial: https://www.csstutorial.net

Colors

• Color Picker: https://www.google.com/search?q=color+picker
• Color Wheel and Combination tool: https://color.adobe.com/create/color-wheel
• Palettes: https://colorhunt.co
• Palettes: https://paletton.com
• Palette picked from an image: https://www.canva.com/colors/color-palette-generator

Fonts

• Font Squirrel: https://www.fontsquirrel.com
• 1001 Fonts: https://www.1001fonts.com
• Type Scale: https://type-scale.com
• Common font lists: https://coderwall.com/p/57imrw/common-fonts-for-windows-mac
• HTML character codes: https://www.rapidtables.com/web/html/html-codes.html

Contrast

• WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker
• Adobe Contrast Checker: https://color.adobe.com/create/color-contrast-analyzer

Images

• Photo editor: https://www.photopea.com - works a lot like PhotoShop and you can save your "psd" files to re-open later
• Free images: https://pixabay.com
• Free images here, too: https://www.pexels.com
• Icons and favicons: https://icons8.com
• More icons: https://freeicons.io
• Color Blindness Simulator for images: https://www.color-blindness.com/coblis-color-blindness-simulator

Miscellaneous

• Check PDFs for accessibility: https://pave-pdf.org/pave/index.html
• Merge PDFs: https://www.adobe.com/acrobat/online/merge-pdf.html - some limits imposed
• View a Flash file by dragging it here: https://ruffle.rs/demo

These pages © Tamara Fudge