1. Web development tip: auto-refesh a page to show code changes

    This is a tip to automatically show effects of changes to the source code of a web page. Normally I have to perform these steps to see the results of code changes:

    1. save the source code
    2. switch to the browser
    3. do a page refresh
    4. switch back to the editor

    When I find myself do this a lot while working on the HTML and CSS of a page I add a auto refresh meta tag to the head of the page:

    <meta http-equiv="refresh" content="5">
    

    Now the page refreshes itself every 5 seconds, so changes are picked up automatically. To adjust the time between refreshes change the number.