Every once an a while a thing of beauty comes along that makes your life easier. The switch from Windows to Mac is one example. Firebug 1.0 beta has given me the same warm glow. Quite simply it is a brilliant piece of software that will help developers to examine, test and debug web pages.
Not sure why an element is out of line? No problem. Click on HTML and then in the right hand box choose Layout. Then click inspect and finally on any element on the page. You will see the offset, margin, border and padding for that element. Not only that but you can edit the numbers and see the changes live on the page!
Need to find out which elements of your page are causing a slow load time? Click on Inspect and then Net and you will a list of files with the load time next to them, as well as the load order of the page. As if that’s not enough you can double click to see the headers.
Why go to the trouble of opening up a text editor when you can live edit the page? Click on HTML and you will see two panes. The HTML is on the left and the CSS is on the right. Dive in and edit the code and see the changes rendered on the page.
As if that isn’t enough there is a comprehensive DOM inspector. You can look at a document any way you like. It is a great help in constructing scripts and debugging in general.
Two things you should do after reading this
Have an update or suggestion for this article? You can edit it here and send me a pull request.
Listening to BBC Radio with mpv
The BBC publishes high quality 320 kbps HLS AAC streams that can be used to listen to radio from the command-line using mpv. Here are the URLs and some aliases to start listening quickly.
Vim: So long Pathogen, hello native package loading
Vim 8 added a native way to load third-party packages. This means, for me at least, there is no longer any need to use a third party plugin helper like Pathogen.
Linux and Unix more command tutorial with examples
Tutorial on using more, a UNIX and Linux command for viewing the contents of a file or files one screen at a time. Examples of viewing a file, viewing multiple files, searching using regular expressions and opening the file in a text editor.