6 Essential Firefox Add-Ons pro návrháře
Jako webdesigner (a technologicky zdatný uživatel internetu) neexistuje ospravedlnění, že nebudete používat Firefox jako svůj primární webový prohlížeč. Pokud ještě nepoužíváte Firefox, musíte jít a stažení právě teď. Nejen, že poskytuje Firefox špičkový zážitek z prohlížení internetu, ale také poskytuje nekonečné množství funkcí, které jednoduše nenajdete v žádném jiném internetovém prohlížeči.
Protože třetí strany mohou vyvinout doplňky pro Firefox, stahováním nejlepších doplňků, které jsou k dispozici, můžete převést Firefox na nástroj, který dramaticky zvyšuje vaši produktivitu a ušetří nespočetné množství času. Vzhledem k tomu, že existuje mnoho různých doplňků k dispozici ke stažení, může být trochu ohromující, abyste si vybrali, které z nich byste měli používat.
Proto jsem se rozhodl udělat pro vás všechnu práci a sestavit seznam šesti nejlepších doplňků pro Firefox pro webových designérů.
Web Developer
I když se to nazývá Web Developer , tento doplněk Firefox je naprosto neocenitelný pro webové designéry. Pokud byste pouze stáhli a nainstalovali jeden doplněk Firefoxu, je to ten, který bych vám doporučil. Důvodem je, že tento doplněk poskytuje řadu různých užitečných funkcí a mohl by být klasifikován jako doplněk švýcarského armádního nože .
Prvním prvkem tohoto doplňku, který návrháři považují za užitečný, je nabídka CSS . Funkce této nabídky zahrnují možnost zakázat styly, zobrazit CSS podle typu média, zobrazit CSS, zobrazit informace o stylu, přidat vlastní uživatelský stylový list nebo přímo upravovat CSS .
Dalším zajímavým prvkem pro návrháře je nabídka Obrázek . Kromě toho, že umožňuje zobrazit atributy ALT, rozměry obrazu, velikost obrázků a cesty obrázků, můžete zakázat obrázky, najít poškozené obrázky, obrysové obrázky, nahradit obrázky pomocí atributů ALT a několika dalších funkcí.
Přestože bych mohl věnovat několik stránek všem funkcím, které tento doplněk nabízí, chci se jen dotknout několika dalších funkcí, které weboví návrháři najdou obzvláště užitečné. Mezi ně patří schopnost načrtnout různé prvky (od rámců po elementy na úrovni bloku), upravit HTML a zobrazit skryté prvky .
Firebug
Zatímco vývojář webu je první doplněk, doporučuji všem návrhářům, Firebug běží na druhou stranu z hlediska užitečnosti pro návrháře.
S programem Firebug máte okamžitě možnost upravit, ladit nebo monitorovat libovolnou webovou stránku . Firebug vám poskytuje plnou kontrolu nad CSS, HTML a JavaScript libovolnou vybranou stránkou. Nejlepší ze všech je, že každá změna, kterou uděláte, se provádí živě a okamžitě , takže můžete rychle vyzkoušet různé změny a okamžitě vidět výsledky těchto změn.
Stejně jako většina nejlepších doplňků pro Firefox, Firebug překračuje základní funkčnost a poskytuje mnoho možností, které usnadňují uživateli zcela přizpůsobit jejich použití. Některé z dalších funkcí a možností nabízených firmou Firebug zahrnují klávesové zkratky, schopnost řídit, jak a kde se zobrazí oblast pro úpravu Firebug, vizuální příručky pro úpravu CSS, analýzu síťové aktivity a přizpůsobitelné protokolování pro JavaScript .
Colorzilla
Jako webdesigner nikdy nevíte, kdy vás inspirace udeří, když surfujete po internetu. Například se můžete podívat na webové stránky a narazit na barvu, která se vám opravdu líbí.
Chcete-li rychle a účinně zjistit přesnou hodnotu HSV a RGB pro tento nástroj, měli byste nainstalovat ColorZilla doplněk.
Doplněk ColorZilla je vybaven online kapátkem , což zjednodušuje získání přesné hodnoty konkrétní barvy. Kromě online kapátka ColorZilla nabízí několik dalších funkcí, které většina webových návrhářů považuje za užitečné, jako je analyzátor barev DOM a online prohlížeč palet . Analyzátor barev DOM vám umožňuje lokalizovat prvky na stránce, které odpovídají dané barvě, a zjistit pravidla CSS, která určují určitou barvu, zatímco prohlížeč palety online umožňuje záložky a sdílení barevných palet, které se vám líbí.
FireShot
Ačkoli váš systém má nepochybně zabudovanou funkci snímání obrazovky, neznamená to, že výchozí snímání obrazovky má všechny možnosti, které budete potřebovat.
Můžete například výchozí obrazovku zachytit vaše OS chytit části webové stránky, které jsou mimo okna prohlížeče?
Ve většině případů odpověď na tuto otázku nebude. Naštěstí existuje doplněk Firefox, který nabízí tuto funkci spolu s řadou dalších užitečných funkcí.
FireShot je pokročilý doplněk pro zachycení obrazovky pro Firefox . Kromě toho, že jste schopni zachytit celou webovou stránku (i když existují části webové stránky, které nejsou viditelné v důsledku omezení vašeho okna prohlížeče), FireShot také umožňuje přidávat anotace přímo do vašeho prohlížeče obrazovky zachytí.
FireShot nabízí několik možností pro zachytávání snímků obrazovky. Nejen, že mohou být uloženy v různých formátech souborů, ale mohou být také uloženy do počítače, zaslány e-mailem jiným uživatelům nebo uloženy na bezplatném hostitelském serveru FireShot. V důsledku svého širokého spektra funkcí tento doplněk přilákal více než sto padesát tisíc aktivních uživatelů a ukázal se jako neocenitelný pro webové designéry a další profesionály z oblasti internetu.
Validátor CSS / Validátor HTML
Jako designér se chcete ujistit, že všechny vaše práce mohou být snadno přístupné návštěvníkům a zobrazeny správně. Jedním z nejjednodušších způsobů, jak zajistit, aby byly splněny oba tyto úkoly, je ověření celého kódu .
Přestože se jedná o dva samostatné doplňky, je třeba v prohlížečích jakéhokoli webdesignera nainstalovat oba nástroje Validator CSS a HTML Validator . Jakmile jsou doplňky nainstalovány, Validátor CSS lze získat přístup z nabídky Nástroje, zatímco HTML Validator je přístupný ze stavového řádku prohlížeče Firefox.
Každá z doplňků ověří kód podle příslušných standardů W3C . Zatímco CSS Validator jednoduše provede standardní ověření kódu, Validátor HTML poskytuje některé další funkce.
Při použití nástroje HTML Validator můžete zvolit ověření přímo v prohlížeči (kde jsou chyby zobrazeny jako ikona stavového řádku), zobrazovat zdroj s vysvětlením chyb po ověření nebo ověření s navrhovanými řešeními chyb.
Prohlížeč okna Resizer
Jako někdo, kdo vytváří návrhy pro internet, jedna z nejvíce frustrujících otázek, se kterou se nepochybně setkáte, se snaží vytvořit návrhy, které pracují v různých velikostech obrazovky.
Protože nevíte, zda návštěvník bude prohlížet vaši práci na rozlišení 640 × 480, 800 × 600, 1024 × 768, 1280 × 1024 nebo 1600 × 1200, je vaší odpovědností vytvářet návrhy, které fungují ve všech těchto rozlišeních .
Zatímco existuje řada způsobů, jak zobrazit práci s různými rozlišeními, zjistil jsem, že prohlížeč Doplněk pro změnu okna Window Resizer je nejúčinnější způsob, jak tento úkol splnit. Po stažení a instalaci tohoto doplňku budete moci okamžitě změnit velikost okna prohlížeče na libovolné výše uvedené standardní rozlišení.
To vám umožní zjistit, zda váš návrh bude vypadat dobře pro návštěvníky, kteří nepoužívají stejné rozlišení jako vy. Nejlepším přístupem k tomuto doplňku je, že pokud jej používáte společně s ostatními doplňky v tomto seznamu (konkrétně Firebug), když zjistíte, že se něco nezobrazuje správně, můžete okamžitě provést úpravy kódu a zjistěte, zda problém vyřeší, aniž byste opustili vaše současné okno prohlížeče.
Znáte další dobré rozšíření pro návrháře? Neváhejte a komentáře a zanechte nám zpětnou vazbu.