- Inline style
When you hover over an element with an inline event, inline styling or a
Inline event information
Inline style information
Inline Code Finder versions
Following a lot of suggestions, Inline Code Finder is available both as a stand-alone version and as an add-on to the excellent Firebug. This means that for all of you who wanted it integrated into your regular workflow with Firebug have a new tab for Inline Code Finder.
The stand-alone version shows up in the status bar of your web browser window, while the Firebug version integrates into the existing Firebug installation and is offered as another panel, with its own command buttons and settings.
At the bottom left corner of the window, you will be presented with a summary report of the number of
Shows as a separate Firebug panel with a summary, functions and options.
Find your settings through Tools > Add-ons, choose Inline Code Finder and click Preferences.
Click Options in the Inline Code Finder panel for Firebug, and you will be able to choose what to check for.
To be able to work with this tool, it supports a keyboard shortcut to swiftly toggle on and off the Inline Code finder: Cmd + Shift + Option + I (Mac) and Ctrl + Shift + Alt + I (windows).
Use it now – test your score!
So now you know what I will definitely check for if you ask me to review a web site. Inline Code Finder also offers a total ICF Score, which is meant to be of some guiding to how many things you need to take care of in the code, and the overall code quality and level of separation.
What’s your ICF Score? 🙂