9 Practical Ways to Enhance your Web Development Using the Firefox Web Developer Extensions

I recently came across a website called Six Revisions that has a lot of lists. 10 ways to eat soup, 9 dogs of summer, yadda yadda. However, one that really did seem relevant was “9 Practical Ways to Enhance your Web Development Using the Firefox Web Developer Extensions” To Summarize (yes I am using the Six Revisions text but it is a  summary):

1. Change XHTML on-the-fly without changing your web files.
2. Measure things quickly with the Ruler Tool.
3. See how web pages look on a non-traditional web browser.
4. Find out how optimized your page is.
5. Populate web form fields instantly.
6. Find all the CSS styles that affect an element.
7. View JavaScript and CSS source code in a jiffy.
8. See how web pages are layered.  (The cake is a lie – yes I know the reference)
9. See if your web page looks OK in a different screen sizes.

 @ Sushant Bhatia

Advertisement