Modern websites increasingly use JavaScript to power frontend user interfaces. However, you often need to test a certain portion of your UI that only displays after a sequence of clicks. After a couple of times, this testing process becomes cumbersome. Have Selenium IDE watch you go through the clicks once, then use it to skip ahead later.
Both Firefox and Safari have built-in debugging tools you can use to explore the HTML, CSS, and JavaScript controlling your page. Use these tools to test changes before hard coding them.
Finally, when developing code, you spend a lot of time typing things in. Do less typing by getting an editor that checks your syntax, keeps frequently used code at hand, and talks to your other tools.
