A very short tutorial explaining how to prevent browser long-caching of static assets (CSS and JavaScript) during development. The speaker recommends opening browser DevTools, selecting the Network tab, checking the "Disable cache" option, and keeping DevTools open while testing so updated assets load immediately.
It's very possible that certain CSS and JavaScript changes that we make will be long cached by the web browser. Nothing is more frustrating than making changes to your static assets and wondering why the updates aren't taking effect and the browser is the likely culprit in assisting with the caching of these static assets. An easy way to disable the browser cache is to open up the DevTools and go to the Network tab. Look for the Disable Cache box and check it. Now all you need to do is keep the browser dev tools open at the bottom of the screen. This may be a bit annoying if you haven't done this in the past, but if you just make it smaller and just always keep it open like this, you won't ever need to worry about the browser long caching. Static assets such as CSS and JavaScript.
