15 doplnkov pre Firefox pre webových vývojárov

Počas posledných týždňov som pracoval na novom webe. Ale namiesto toho, aby som to urobil sám, som sa rozhodol získať nejakú pomoc z rozšírení Firefoxu. Moju prácu urobili oveľa jednoduchšie a všetky sa dajú stiahnuť iba za niekoľko sekúnd.

Aardvark: Aardvark vám umožňuje vybrať prvky z webovej stránky a vykonať rôzne akcie na nich. Používam ho na analýzu štruktúry stránky. Môžete tiež odstrániť a izolovať prvky alebo generovať kód DOM. Veľmi ju odporúčam.

ColorZilla: Ak je farba na webovej stránke, ktorá sa vám páči, ColorZilla nájde presný kód a umožní vám ju vložiť do vášho kódovacieho programu. Môžete tiež vytvárať vlastné farby pomocou zabudovaného prehliadača palet. Šetrí najpoužívanejšie farby pre ľahší prístup neskôr. Je to silné, je to jednoduché, je to nevyhnutné.

CSS Validator: CSS Validator pridáva vo vašom prehliadači možnosť pravého kliknutia a posiela CSS do W3C CSS Validator. Otvára výsledky na novej karte. CSS Validator je pekný nástroj, ktorý sa často hodí.

CSSViewer: Žiadny webový dizajnér by nemal pracovať bez aplikácie CSSViewer. Doplnok vás informuje o všetkých informáciách služby CSS, ktoré budete potrebovať od lokality. Jednoducho kliknite na požadovanú stránku, otvorte ju v ponuke Nástroje a zobrazí sa informácie o CSS. Používam ho takmer každý deň.

FireBug: Firebug je jedno z tých rozšírení, ktoré jednoducho nemôžete mať. Umožňuje upravovať, ladiť a zobrazovať CSS, HTML a JavaScript. Po zmene kódu HTML na lokalite sa Firebug automaticky zobrazí v rovnakom okne. Je to mimoriadne silné.

FirePHP: FireBug je výborný nástroj pre CSS, HTML a JavaScript, ale FirePHP, ktorý funguje len vtedy, keď máte nainštalovanú rozšírenie FireBug, vytvára plnohodnotný vývojový zážitok. Pomocou obidvoch doplnkov môžete zobraziť kvalitu vášho PHP a nájsť chyby. Je to skvelá pomoc.

Vyhľadávač fontov: Nástroj na vyhľadávanie písiem vám umožňuje zvýrazniť písmo, ktoré sa vám páči na ľubovoľnom mieste, kliknutím pravým tlačidlom myši na výber a po výbere "Finder písiem" zobrazte úplný textový styl CSS výberu. Potom ho môžete prilepiť na svoju vlastnú webovú stránku.

HTML Validator: HTML Validator je mimoriadne výkonný nástroj dostupný len používateľom Windows. Doplnok vám poskytuje spätnú väzbu o chybách na stránke. Umožňuje vám tiež vedieť, kde je potrebné riešiť problémy. Ak však nie ste vyspelý webový dizajnér, zostaňte mimo tohto nástroja. Je to veľmi zložité.

IE View: Pokiaľ používate Windows, IE View je užitočný nástroj. Rozšírenie pridáva možnosť "Otvoriť v IE" v ponuke s pravým kliknutím, čo vám umožní rýchlo otvoriť stránku v programe Internet Explorer. Je to skvelý spôsob, ako skontrolovať, ako stránka vyzerá v oboch prehliadačoch.

Java Konzola: Ak chcete vidieť, ako sa na webových stránkach zobrazujú Java applety, Java Console je pre vás. Môžete monitorovať a ladiť applety a získať úplnú správu o ich výkonnosti.

LinkChecker: LinkChecker zvýrazní odkazy na ľubovoľnej webovej stránke a povie vám, či vás odkaz nasmeruje na živé stránky alebo či vráti 404. Používam ho každý deň.

Plagát: Ak chcete ladiť servery a urobiť žiadosti HTTP, plagát je nástroj pre vás. Je to jednoduché použitie, môžete nastaviť typ obsahu a počas niekoľkých minút budete mať všetky informácie, ktoré potrebujete na kontrolu výsledkov vášho HTTP dotazu. Užitočné.

Style Sheet Chooser II: Štýl Sheet Chooser II nahrádza vstavaný prepínač štýlov Firefox a umožňuje vybrať alternatívny štýl, ktorý bude pretrvávať na všetkých stránkach webových stránok. Nie je to niečo, čo budete často používať, ale ak potrebujete niečo také, Style Sheet Chooser II je spôsob, ako ísť.

Webový vývojár: Ak inštalujete nejaké rozšírenie v tomto prehľadávači, webový vývojár by mal byť zahrnutý. Pridáva do Firefoxu menu a panel s nástrojmi, ktoré vám umožnia zobraziť štýl stránky, zobraziť a upraviť CSS a oveľa viac. Žiadny webový vývojár by nemal byť bez neho.

YSlow: YSlow vyžaduje, aby bol FireBug nainštalovaný, aby fungoval, ale je to skvelý spôsob, ako zistiť, prečo vaše stránky bežia tak pomaly. Analyzuje webové stránky a vracia problémy, ktoré spomaľujú stránky na základe pravidiel Yahoo pre vysoko výkonné webové stránky. Používam ho často, aby som zistil, kde môžem zlepšiť rýchlosť svojich webových stránok. Vyskúšaj to.

 

Zanechajte Svoj Komentár