Browsers

A Web Browser is an app that retrieves and renders web content, and facilitates users interaction with the web content. It’s important to have more than one since they don’t always behave the same way. While there are many browsers available, there are currently only 2 cross-platform layout engines: Gecko (used by Firefox) and Blink (used by everything else except for Safari).

Install at least:

1. Firefox
2. one other Browser such as Edge.

DevTools

Modern web browsers have integrated development tools. Take a look at our curated tour of Firefox’s DevTools.

Browser Extensions

There are several extensions to the web browser that are particularly helpful for web developers.

1. a userscripts extension like ViolentMonkey
   • browser remembers that when you visit sites that match a certain URL pattern, you’d like certain code to run
   • You could also use TamperMonkey, but it’s not Open Source. Your profs recommend ViolentMonkey even though we don’t condone violence 😅.
2. axe DevTools
   • accessibility checker
3. this HTML validator
4. ColorZilla
   • …assists web developers and graphic designers with color related tasks - both basic and advanced. ColorZilla includes a Color Picker, Eye Dropper, Gradient Generator and many additional advanced color tools.