Andi Smith

Dev Tools

It's hard to imagine a time before Developer Tools. They make everything easier. Except making a cup of tea.

Hands on with Firefox’s Developer Tools

Since Firefox 4 last March, Mozilla have begun to include their own developer tools built in to the Firefox browser. Whilst Firebug still remains available as a plugin and is still supported by Mozilla, the browser vendor identified the need to include built-in developer tools – possibly so it has more control over future features and targets of developer tools within Firefox.

» Read more about “Hands on with Firefox’s Developer Tools”

25 Secrets of the Browser Developer Tools

Over the last few years there has been one tool that has helped out every web developer more than any other – the browser developer tools. Working in harmony with the web browser, the developer tools allows us to manipulate DOM elements, CSS styles, JavaScript and other useful information from the same window often in real time. Historically developers have used Firefox's Firebug add-on to develop and debug their websites, but more recently each browser has developed its own set of tools and each comes with its own advantages and disadvantages. Nowadays it seems hard to imagine ever building a website without one of these handy tools, which are normally accessible by either pressing "F12″ in Windows or "Cmd" ⌘, "Option" ⌥ and "I" on the Mac, or by right clicking on the page and selecting “Inspect Element”.

» Read more about “25 Secrets of the Browser Developer Tools”