Upravo smo nedavno objavili post o 12 Google Chrome proširenja za programere i dizajnere, a neka od tih proširenja su dostupna na Firefox , ne bih ništa ponavljao ovdje.
Na isti način, neka od dolje navedenih proširenja dostupna su na Chrome pa takve aplikacije smatrajte bonusima za odgovarajuće preglednike.
1. Validator HTML-a
HTML Validator prolazi kroz vaš kod kako bi se uvjerio da slijedi HTML standardnu konvenciju. Prikazuje broj grešaka koje vidi na ikoni na alatnoj traci.
HTML Validator Firefox Addon
2. Octotree
Kao programer, s vremena na vrijeme prolazim kroz nekoliko kodnih stranica na GitHub dok pretražujem kako bih vidio kako su drugi programeri riješili određene probleme . Ako ste poput mene, bit će vam Octotree koristan.
Octotree prikazuje GitHub kod u obliku stabla. Na taj način možete pregledavati retke koda bez preuzimanja izvornih datoteka.
Octotree prikazuje GitHub kod u formatu stabla
3. HTTPS posvuda
HTTPS posvuda šifrira podatke koje razmjenjujete sa svim većim web stranicama čak i ako ne koriste HTTPS.
Dakle, ako vas se usmjeri na stranice koje ne koriste https, možete biti sigurni da je vaša komunikacija na mreži sigurna.
4. Test izvedbe stranice
Page Performance Test vam daje statistiku o vašim web stranicama mjerenjem njihove brzine i performansi učitavanja. Možete spremiti rezultate grafikona kako biste ih usporedili s narednim testovima.
Test performansi stranice
5. Korisnički snimak
Usersnap vam omogućuje da napravite snimke zaslona web stranica i da ih komentirate dodavanjem crteža i komentara. Također dolazi s ravnalom piksela i može se izravno integrirati s raznim alatima za upravljanje projektima uključujući Slac, Trello i JIRA.
Ovaj popis neće biti potpun bez Usersnapa s obzirom na to da omogućuje učinkovit proces povratne informacije. Međutim, to je usluga koja se plaća, s besplatnim probnim razdobljem od 14 dana.
Usersnap
6. Onemogući JavaScript
Onemogući JavaScript, kao što ime sugerira, daje vam mogućnost da isključite JavaScript na web stranicama ili samo određenim karticama. Možete ga prilagoditi da ima zadano JS stanje uključeno/isključeno i zadano onemogućavanje po domeni/kartici, itd.
Onemogući JavaScript
7. Kontrolni popis za web programere
Proširenje popisa za provjeru web-programera pruža vam pregled upotrebljivosti vaše stranice u skladu s najboljim praksama dizajna i razvoja.
Klik na ikonu obavijestit će vas o SEO-u vaše web-lokacije, prijateljskim URL-ovima, favikonu itd. s kvačicama pored njih koje označavaju prolaz.
Kontrolni popis za web programere
8. Alati za razvojne programere React
S naizgled beskrajnim porastom popularnosti Reacta, React programeri rađaju se gotovo svaki dan i React tim ih pokriva.
React Developer Tools vam daje mogućnost pregleda React stabla zajedno s njegovim stanjem, propsima, hijerarhijom itd. Da biste ga aktivirali , pokrenite Firefox devtools i prebacite se na karticu React.
Postoji i verzija za Vue programere u obliku Vue.js devtools.
Alati za razvojne programere React
9. ColorZilla
ColorZilla je izvrstan alat za programere i grafičke dizajnere za odabir boja s različitih web stranica.
Također sadrži kapaljku, generator gradijenata, preglednik paleta i povijest boja.
ColorZilla
10. Evernote Web Clipper
Evernote Web Clipper vam omogućuje snimanje zaslona web stranica i njihovo automatsko spremanje na Evernoteračun s kojeg možete stvarati bilješke i dijeliti s članovima tima.
Evernote Web Clipper
11. Upravitelj kolačića
Cookie Manager je sigurnosno osviješteno proširenje koje vam omogućuje pregled, dodavanje, uređivanje, brisanje i pretraživanje kolačića u bilo kojem domena.
Ono što je još bolje kod Cookie Managera je to što možete izvoziti i uvoziti kolačiće između domena.
Upravitelj kolačića
12. Live Editor za CSS i LESS
Live Editor za CSS i LESS vam omogućuje pisanje CSS/LESS koda izravno u vaš preglednik. Vaš kod odmah stupa na snagu i bit će spremljen na razini stranice u lokalnoj pohrani vašeg preglednika.
Njegov uređivač unutar stranice ima funkcije automatskog dovršavanja, uljepšavanja, linteriranja itd. Trebali biste ga provjeriti.
Uređivač uživo za CSS
Sviđa li vam se neka od navedenih ekstenzija ili imate popis koji možemo koristiti? Odjeljak za komentare je ispod.