Best web developer Firefox addons and tools

De curand am fost nevoit sa reinstalez Windows si cu ocazia asta am realizat ca nu mai am postul meu cu extensii si plugin-uri de Firefox pentru ca am renuntat la vechiul blog.  Foarte multi prieteni ma intreaba inca de acea lista, asa ca am hotarat sa o refac cu ceva adaugari, sfaturi si addonuri noi ce m-au ajutat sa devin atat de bun prieten cu Firefox-ul

In continuare va voi prezenta o lista personala cu addon-uri si aplicatii pentru Firefox dedicata web developerilor si web designerilor, testata si utilizata de mine ca web designer de peste 3 ani de zile.

Firefox Tools

Primul si cel mai important lucru pentru mine este sa am acelasi layout, bookmarks, addons pe toate calculatoarele pe care lucrez - sincronizarea este mama productivitatii (acasa, pe notebook, la munca), iar cel mai bun tool pentru a porta profilul complet de pe un firefox pe altul se numeste MozBackup ( pe langa Firefox mai este compatibil si cu Thunderbird, Sunbird, Seamonkey, Flock, Postbox, Spicebird, Songbird, Netscape etc. ).

Mozbackup poate exporta un profil complet de firefox impreuna cu extensii, setari, addons, cookies, bookmarks, history, conturi, pana si open tabs intr-un singur fisier care mai apoi poate fi restaurat/importat pe orice computer.

DOWNLOAD ULTIMA VERSIUNE DE MOZBACKUP AICI!

* Se intampla foarte rar, dar daca vre-o data dupa import nu va functioneaza corect addon-urile (in cele mai multe cazuri atunci cand nu se face import pe o instalare clean), trebuie sa cautati si sa stergeti fisierul extensions.rdf din folderul profilului pe care l-ati importat. (locatia difera de la un sistem la altul…google it!)

Firefox addons

1. Xmarks – Best tool pentru sincronizarea bookmark-urilor pe mai multe sisteme. Vechea versiune se numea Foxmarks, il utilizez de ani de zile cu succes. Download Xmarks

2. Shareaholic – Addon de social networking and sharing pe mai mult de 100 de retele incluzand Twitter, Facebook, Delicious samd.  (select sau click link si send to ce retea vrei). Download Shareaholic

3. Tab Control - Un addon simplu ce iti ofera posibilitatea de a controla mai in profunzime cum reactioneaza tab-urile in Firefox ( de exemplu poti alege unde se va deschide un new tab si cum ). Download Tab Control

4. Aging Tabs -  Un addon pentru maniacii ca mine care tin deschise foarte multe tab-uri in Firefox si uita sa le mai inchida. Agingtabs coloreaza tab-urile de la gri deschis la gri inchis in functie de cat de recenta este ultima accesare. Download Aging Tabs

5. Total Validator – Este un All in one code validator care verifica de la HTML la spelling si link-uri moarte dar care are si o functie de testare vizuala a site-urilor pe mai multe tipuri de sisteme si browsere gratuit. Download Total Validator

6. Web Developer – Unul dintre cele mai bune addon-uri de web development ce contine toate functiile posibile, vine sub forma de toolbar, intotdeauna a fost pe prima pagina de addons mozilla si nu are sens sa continui cu descrierea pentru ca WebDeveloper si cu Firebug sunt cele mai utilizate addonuri de developeri din intreaga lume si cele mai cunoscute. Download Web Developer

7. Firebug – Addon-ul care dupa parerea mea ar trebui sa vina integrat cu browserul pentru ca este cel mai vital pentru un developer. Face editare real time de cod HTML, CSS, JS, debugging etc. Download Firebug

8. CssWiever – Foarte simplu de folosit, o data activat poti face hover peste orice element dintr-o pagina pentru a vedea codul css aplicat acelui element ( un pic mai rapid de cat firebug pentru elemente mai simple pentru ca nu trebuie sa stai sa cauti in cod ) Download CssView *momentan nu a aparut versiunea pentru fw 3.5+

9. Viewsourcewith – Iti ofera simpla solutie de a alege ce aplicatie sa folosesti pentru ViewSource ( eu de exemplu folosesc Notepad++ ) Download Viewsourcewith

10. HighlightAll – Poti sublinia intr-o pagina unde apare un termen cautat si de cate ori. Download HighlightAll

11. HTML Validator – Un html validator bazat pe algoritm HTML Tidy ( sau SGML parser… ) care in plus afisaza automat in status bar rezultatul si erorile de cod ale paginii curente. Download HTML Validator

12. Colorzilla – Pentru orice designer sau developer este o adevarata minunatie, un color picker direct in browser. Download Colorzilla

13. Palette Grabber – Un addon ce poate detecta si apoi exporta in formatul unei palete de photoshop orice schema de culori a unui web site. Download Palette Grabber

14. Pixel Perfect – Pentru cei care au o foarte mare grija de detalii, acest addon iti permite sa afisezi peste o pagina web o imagine cu layout-ul. Download Pixel Perfect

15. Gridfox – Pentru cei care lucreaza cu grid-uri, este mult mai simplu pentru ca acest lucru il poti face direct in browser peste web site-ul la care lucrezi. Download Gridfox

15. YSlow – Un addon de la yahoo pe care il poti folosi pentru testarea si imbunatatirea vitezei de incarcare a unui site. Download Yslow

17. AdBlock Plus si Flashblock – Am scris un post special despre aceste doua Adblockere aici.

18. Download Statusbar – Download-urile active apar intr-o bara noua deasupra status bar, cu informatii detaliate si pot fi inlaturate dupa terminare cu un singur click. (eu nu suport download managerul default al firefox) Download Download Statusbar

19. Video DownloadHelper – sau mai bine zis Video DownloadHelper este cel mai bun addon Firefox pentru video download de pe sute de site-uri. Download Video Downloadhelper

20. Downthemall – Un download manager foarte bun cu viteze mari si posibilitatea de a putea fi folosit pentru descarcarea integrala a site-urilor sau a anumitor elemente continute intr-un site printr-un singur click. Download Downthemall

21. Flashgot – Este combinatia perfecta cu Downthemall pentru one click downloads. Download Flashgot

22. Dummylipsum – Generator simplu si banal lorem ipsum, pentru a nu mai intra de fiecare data pe lipsum.com sau in cazul in care nu ai acces la internet si lucrezi la un layout. Download DummyLipsum

23. Extended Statusbar – Imbunatateste status bar-ul din Firefox cu timpi de incarcare, procentaje, viteza de download etc. Download Extend Statusbar

24. IE Tab – Poti deschide un link/pagina/site intr-un tab Internet Explorer, un fel de emulator IE in Firefox. Download IE Tab

25. JSView – Vezi codul sursa al fisierelor JS si CSS atasate unei pagini. Download JSView

26. MeasureIt – O simpla ruleta pentru masurat elemente direct in browser. Download MeasureIt

27. Morning Coffee – Iti poti seta manual ce pagini vrei sa ti se deschida automat la prima ora de dimineata, in pauza de cafea sau in orice ora din zi sau noapte. Download Morning Coffee

28. ReminderFox – Eu il folosesc in mare parte pentru zilele de nastere ale cunostintelor si prietenilor sau in momentul in care vreau cate un reminder ce tine de online. Download Reminderfox

29. Organize Status Bar – Iti ofera posibilitatea de a sorta cum vrei status bar-ul, de a adauga sau elimina elemente. Download Organize Status Bar

30. Screengrab – Un addon pe care il folosesc pentru screenshots la pagini web pentru optiunile de a captura numai suprafata activa sau intregul site ( adica daca un site are 10000px il scoate pe tot intr-o imagine fara elementele browserului ). FOARTE UTIL PENTRU WEB DESIGNERI! Download Screengrab

31. SearchStatus – In momentul in care accesezi un site, in bara de status sunt afisate doua Rank-uri: Google Page Rank si Alexa Rank Download Searchstatus

32. FireFTP – Un client FTP ce ruleaza in browser si poate fi mutat ca orice alt tab. Este gratuit si nu consuma resurse. Download FireFTP

Precizari:

* Lista va fi actualizata de la versiune la versiune cand am timp
* Pentru lista de addons nu exista o ordine prestabilita
* Eu am instalate toate addon-urile de mai sus plus in medie 20 de taburi deschise mai tot timpul si Mozilla Firefox ruleaza absolut impecabil ( consuma in medie cam 300MB memorie )
* Link-urile de download sunt pentru versiunea de la data curenta a instalarii – Firefox 3.5.7 ( posibil sa se schimbe pe parcurs release-urile )
* Nu garantez sub nici o forma buna functionare a acestora sau efectele pe care le pot avea asupra calculatorului/firefox-ului dvs. ( eu utilizez toate addon-urile in momentul de fata si nu am intampinat nici o problema )
* Nu disperati daca un addon nu va functiona cu o noua versiune de Firefox, nu il dezinstalati ci asteptati sa apara update-ul pentru noua versiune, pana atunci va ramane disabled.