6 Essential Firefox viðbætur fyrir hönnuði
Sem webdesigner (og tæknilega kunnátta notandi af internetinu) er engin afsökun fyrir að þú notir ekki Firefox sem aðalvef vafra þinn. Ef þú notar ekki Firefox ennþá þarftu að fara og sækja það núna. Ekki aðeins veitir Firefox yfirlit yfir vafraupplifun, en það býður einnig upp á endalausa magn af virkni sem þú finnur einfaldlega ekki í neinum öðrum vafra.
Vegna þess að þriðja aðilar geta þróað viðbætur fyrir Firefox með því að hlaða niður bestu viðbótunum sem eru í boði geturðu umbreytt Firefox í tól sem verulega eykur framleiðni þína og sparar þér ótalan tíma. Þar sem það eru svo margar mismunandi viðbætur sem hægt er að hlaða niður, getur það verið svolítið yfirþyrmandi að velja hvaða myndir þú ættir að nota.
Þess vegna ákvað ég að gera allar legwork fyrir þig og safna saman lista yfir sex bestu Firefox viðbætur fyrir vefhönnuðir.
Vefhönnuður
Þótt það sé kallað Vefhönnuður , þetta Firefox viðbót er algerlega ómetanlegt fyrir vefhönnuðir. Ef þú ætlaðir bara að hlaða niður og setja upp eina Firefox viðbót, þá er þetta það sem ég myndi mæla með þér. Ástæðan er sú að þetta viðbót býður upp á margs konar gagnlegar aðgerðir og gæti verið flokkuð sem svissneskur herinn knife af Firefox viðbótum .
Fyrsti eiginleiki þessa viðbætis sem hönnuðir vilja finna gagnlegt er CSS valmyndin . Lögun af þessari valmynd inniheldur möguleika á að slökkva á stílum, sýna CSS eftir fjölmiðlum, skoða CSS, skoða stílupplýsingar, bæta við sérsniðnum notendastílum eða breyta CSS beint .
Næsta áhugi fyrir hönnuði er myndavalmyndin . Auk þess að leyfa þér að birta ALT eiginleika, myndarmyndir, stærðir myndar og myndarbrautir, geturðu gert myndir óvirka, fundið brotnar myndir, skýringarmyndir, skipta um myndir með ALT eiginleikum og nokkrum viðbótaraðgerðum.
Þó að ég gæti notað nokkrar síður til allra þátta sem þetta viðbót býður upp á, vil ég bara snerta nokkrar aðrar aðgerðir sem vefhönnuðir munu finna sérstaklega gagnlegar. Þetta felur í sér hæfni til að útskýra mismunandi þætti (allt frá ramma til að loka stigi þætti), breyta HTML og sýna falin atriði .
Firebug
Þó Web Developer er fyrsta viðbótin myndi ég mæla með hvaða hönnuður, Firebug Keyrir náið annað hvað varðar gagnsemi fyrir hönnuði.
Með Firebug er þér þegar í stað gefið getu til að breyta, kemba eða fylgjast með hvaða vefsíðu sem er . Firebug gefur þér fulla stjórn á CSS, HTML og JavaScript á hvaða síðu sem þú velur. Best af öllu, sérhver breyting sem þú gerir er gerð lifandi og þegar í stað , svo þú getur fljótt prófað mismunandi breytingar og séð niðurstöður þessara breytinga þegar í stað.
Eins og flestar bestu viðbætur fyrir Firefox, fer Firebug umfram grunnvirknina sína og veitir mikið af valkostum sem auðvelda notendum að fullkomlega aðlaga notkun þeirra á þessu viðbót. Sumar viðbótaraðgerðirnar og valkostirnir sem Firebug býður upp á eru flýtileiðir á flýtileiðum, hæfni til að stjórna hvernig og hvar Firebug útgáfa svæðið birtist, sjónrænum leiðsögumönnum til að breyta CSS, greiningu á netvirkni og sérhannaða skráningu á JavaScript .
Colorzilla
Sem vefur hönnuður, þú veist aldrei hvenær innblástur er að fara að slá þig eins og þú ert að vafra um internetið. Til dæmis gætirðu verið að skoða vefsíðu og koma yfir lit sem þú vilt virkilega.
Ef þú vilt fljótlegan og skilvirka leið til að geta fundið nákvæmlega HSV og RGB gildi fyrir það tól, þá ættir þú að setja upp ColorZilla viðbót.
The ColorZilla viðbótin lögun á netinu eyedropper , sem gerir það alveg einfalt að fá nákvæmlega gildi tiltekinnar lit. Í viðbót við online eyedropper, ColorZilla býður upp á nokkra viðbótareiginleika sem flestir vefhönnuðir munu finna gagnlegar, svo sem DOM litamælir og áhorfandi á netinu . DOM litamælirinn gerir þér kleift að finna þætti á síðunni sem samsvarar tiltekinni lit og finna út CSS reglurnar sem tilgreina ákveðna lit, en á netinu hnappaskoðari gerir þér kleift að bókamerki og deila litavali sem þú vilt.
FireShot
Þó að OS þín án efa hafi innbyggðan handtaka virka, þýðir þetta ekki að sjálfgefin skjár handtaka hafi alla þá möguleika sem þú gætir þurft.
Til dæmis getur sjálfgefið skjár handtaka þinn OS grípa hluta af vefsíðu sem er utan vafra gluggans?
Í flestum tilvikum er svarið við þeirri spurningu að vera nei. Til allrar hamingju, það er Firefox viðbót sem býður upp á þennan eiginleika, ásamt ýmsum öðrum gagnlegum aðgerðum.
FireShot er háþróaður skjár handtaka viðbót fyrir Firefox . Auk þess að gefa þér möguleika á að fanga heilt vefsíðuna (jafnvel þegar það er hluti af vefsíðunni sem ekki er sýnileg vegna þvingunar í glugganum þínum), gerir FireShot þér einnig kleift að bæta við athugasemdum beint við þig skjár handtaka.
FireShot gefur þér nokkra möguleika til að meðhöndla skjáinn þinn. Ekki aðeins er hægt að vista þau í ýmsum skráarsniðum, en þau geta einnig verið vistuð í tölvuna þína, send til annarra eða vistuð á ókeypis FireShot hýsingarþjóninum. Vegna fjölbreyttra eiginleika þessarar viðbótar hefur þetta aukist um eitt hundrað og fimmtíu þúsund virka notendur og hefur reynst ómetanlegt fyrir vefhönnuðir og aðra sérfræðinga á Netinu.
CSS Validator / HTML Validator
Sem hönnuður viltu ganga úr skugga um að öll vinnan þín sé auðveldlega hægt að nálgast af gestum og sýnt þeim rétt. Einfaldasta leiðin til að tryggja að bæði þessi verkefni séu tekin er með því að staðfesta alla kóðann þinn .
Þó að þær séu tveir aðskildar viðbætur, ætti bæði CSS Validator og HTML Validator að vera sett upp í vafranum hvaða vefhönnuður sem er. Þegar viðbætur eru settar upp, þá CSS Validator er hægt að nálgast í valmyndinni Verkfæri, en hægt er að nálgast HTML Validator úr stöðuglugganum í Firefox.
Hvert viðbótin staðfestir kóðann í samræmi við viðeigandi W3C staðla . Þó að CSS Validator einfaldlega gerir staðlaða staðfestingu kóðans, gefur HTML Validator nokkrar viðbótarvirkni.
Þegar þú notar HTML Validator getur þú valið að sannreyna beint í vafranum (þar sem einhver villur eru sýnd sem stika táknið), sýnið uppspretta með skýringum á villum eftir staðfestingu eða staðfestingu með fyrirhugaðar lausnir á öllum villum.
Vafrinn gluggahiti
Eins og einhver sem skapar hönnun fyrir internetið, er eitt af mest pirrandi málum sem þú eflaust lendir í að reyna að búa til hönnun sem vinnur á ýmsum skjástærðum.
Vegna þess að þú veist ekki hvort gestur sé að skoða vinnuna þína á 640 × 480, 800 × 600, 1024 × 768, 1280 × 1024 eða 1600 × 1200, er það á þína ábyrgð að búa til hönnun sem vinnur við allar þessar ályktanir .
Þó að það sé margs konar leiðir til að skoða vinnuna þína við mismunandi ályktanir, hef ég fundið að vafrinn Gluggastjóri viðbót er skilvirkasta leiðin til að ná þessu verkefni. Þegar þú hefur hlaðið niður og sett upp þennan viðbót, þá getur þú strax endurstærð vafrann þinn í hvaða venjulegu upplausnarstærð sem er að ofan.
Þetta mun leyfa þér að sjá hvort hönnunin þín muni líta vel út fyrir gesti sem eru ekki að nota sömu upplausn og þig. Það besta við þessa viðbót er að ef þú notar það í tengslum við aðrar viðbætur í þessum lista (sérstaklega Firebug), þegar þú sérð að eitthvað sé ekki rétt birt, geturðu þegar í stað gert breytingar á kóðanum þínum og sjáðu hvort þetta lagfærir vandamálið, allt án þess að fara strax í vafrann þinn.
Vita um aðrar góðar viðbætur fyrir hönnuði? Feel free to comment and leave us feedback.