StylizedWeb

Subscribe to our updates:

A Design, WordPress and Tutorials Blog.

Dedicated to helping you learn the art and science of the web.

30 Best Firefox add-ons

As I am one of the many Firefox users I use many of its add-ons which make my work so much easier. And I would like to share with you list of 30 best handpicked Firefox add-ons, very useful for web designers and developers.

1. CSSMate - online CSS editor extension, similar with EditCSS.
2. ViewSourceWith - let you view page source with external applications.
3. PicLens - transforms your browser into a full-screen 3D experience for viewing web images.
4. FireShot -creates screenshots of web pages which you can modify.
5. SeoQuake - helps with search engine optimization and internet promotion of web sites.
6. Font Finder - simply highlight a single element and right click to view all CSS style.
7. Live HTTP Headers - view HTTP headers of a page and while browsing.
8. Modify Headers - allows you to add, modify and filter http request headers.
9. CSSViewer - simple and useful extension for view any part of CSS property at current pages.
10. EditCSS - it is easy way to view or modifier any stylesheets in the Sidebar just right click.
11. Firebug - view, edit, and monitor CSS, HTML and Javascript live at any web pages.
12. View Formatted Source - Displays formatted and color-coded source for each element.
13. Professor X - let's you see inside a pages head without viewing the source code.
14. CSS validator - one click to valid a page using the W3C CSS validator.
15. Validaty - provides you a button to validate a page using a validator like validator.w3.org.
16. Html Validator - adds HTML validation inside Firefox and Mozilla.
17. Copy as HTML Link - creates an HTML link to the current page using the selected text.
18. TableTools - sorts, filters or copies any HTML table.
19. CHM Reader - make firefox support Compiled HTML file reading.
20. PageDiff - Helps web developers and designers to see HTML code differences between web pages.
21. Clipmarks - let you save any parts of current web pages.
22. SourceEditor - view and edit source of HTML element.
23. Total Validator - provides true HTML validation using the official DTDs.
24. LinkChecker - check the validity of links on any web page.
25. Web Developer - adds a menu and a toolbar with various web developer tools.
26. Style Sheet Chooser II - allows you to choose author-provided alternate styles for a web site.
27. View Dependencies - lists all files which were loaded to show the page at a tab of info window.
28. Accessibar - enabling easy manipulation of web page display and text-to-speech output.
29. Aardvark - used for cleaning up a page prior to printing it for making the page more readable.
30. JSview - Adds ability to view the source code of external files.

Leave a comment on Stylized Web Have some feedback? Leave a comment

46 Comments So Far

  1. Great list!
    Thanks

  2. Are you promoting ClipMarks or something? ><

  3. Pingback: Los textos de qweos.net» Blog Archive » Mis complementos para Firefox

  4. Thank you for including SeoQuake in this list!
    If you have any ideas how to improve it – please let us know.
    regards.

  5. By Dejan posted on February 7, 2008 at 1:36 pm

    @ G.Suvorov
    You are welcome ;)

  6. nice list – definitely goes to my bookmark list – http://www.3kolone.org/bookmarks.php

  7. By Ivan Nikolic posted on February 7, 2008 at 2:24 pm

    SEOQuake leads to Clipmarks page ;)

    Anyway, great great list, thank you very much! :D

  8. Great list, however I think that Aardvark, Firebug and Web Developer are probably the top 3— in that order. Aardvark especially is much more than “cleaning up for print.” The ability to remove elements in the page is a very minor feature of that plugin. The best part of it in my opinion is the ability to turn it on and find elements and view their source, very handy for dynamic pages. Firebug of course is great for editing CSS, HTML and JavaScript live on a page— as well as watching HTTP headers and JavaScript calls.

  9. Great list. One thing, though–the link to Fireshot is wrong. It should be: https://addons.mozilla.org/en-US/firefox/addon/5648. I really like it because it allows screenshots of an entire page, not just the area visible on the screen. Thanks again for the list!

  10. By Dejan posted on February 7, 2008 at 4:12 pm

    Thank for the good words i appreciate it :D
    The list isn’t ordered right now, but thanks on comments about that

    @ Ivan and Jon
    It’s corrected now

    @ Nikola
    Thanks for adding me to your list http://www.3kolone.org/bookmarks.php it’s really good

  11. Pingback: Lista con las 30 mejores extensiones de Firefox » Cosas sencillas

  12. Pingback: Thanks Al Gore - 30 Best Firefox add-ons

  13. Pingback: 30个为网页设计者和开发人员精选的Firefox扩展插件 | 帕兰映像

  14. Pingback: 30 Best Firefox add-ons

  15. Pingback: Mimul's Developer World

  16. A lot of redundancy going on here.

    All the CSS-stuff is done as good as it gets by Firebug and the Webdeveloper, same for the Validation, SourceEditoring etc.

    PS: Your CommentPreview is broken.

  17. By Dejan posted on February 10, 2008 at 10:13 am

    @ KMB
    Thanks for noticing,
    could you tell me what browser/version are you using?

  18. Pingback: Intenta » Blog Archive » 30 extensiones para Firefox

  19. @nice list – definitely goes to my bookmark list –

    in mine too!

  20. Pingback: 30 agregados de Firefox para diseñadores | ARTEgami

  21. By francisco posted on February 16, 2008 at 9:34 am

    there is febe for backing up your plug ins and zotero for research, all in one tab, foxmarks and a lot more that are cool

  22. Pingback: StylizedWeb, web trends and tutorials | blog.bouctoubou.com - path ton chemin

  23. Pingback: Extensiones de Firefox para webmasters - Blogs

  24. For this list I would add ColorZilla, it is best tool for probe exactly color from any point of html page. It is very usefull.

  25. hi good site thx

  26. Pingback: Barorrat » 30 extensiones para Firefox

  27. By Paige Davis posted on April 5, 2008 at 3:17 pm

    Hello webmaster…I Googled for paige davis stripping, but found your page about nnial 2007 – salvatore iaconesi – del.icio.us poetry…and have to say thanks. nice read.

  28. Excelente ayuda, gracias

  29. he got every were about to dine I started for the living even know

  30. Pingback: La vaca gráfica » 30 extensiones para Firefox

  31. thank you nice sharing

  32. Pingback: firefox add ons

  33. hi, nice list. My list is a little bit smaller. here it is:
    http://www.myaddonslist.eu/user/master

  34. Pingback: keycn.com » Blog Archive » 网页设计和开发工具推荐

  35. nice collection, thanks for the contribution

  36. By grattis kasino pengar posted on June 14, 2008 at 11:44 pm

    Hi, just surfed in. I enjoyed looking around your web site. This site has been very useful to me so far and I have barely scrathed the surface of it.

  37. Pingback: firefox addons

  38. Pingback: firefox add ons

  39. Pingback: 30 Extensiones para Firefox | Jonathan Rios

  40. Pingback: firefox 30 0

  41. Pingback: Top rated web development add-ons for firefox | Website Ideas

  42. Pingback: best firefox add ons

  43. Pingback: Metropolis

  44. Pingback: Cinco extensiones de Firefox ideales para diseñadores web - elWebmaster.com

  45. Pingback: 30 extensiones para Firefox: | miladoGeek.com

  46. Pingback: Firefox Adds-on for Google: the Essentials | BeAloud Digital Media News