{"id":27501,"date":"2021-05-08T17:43:00","date_gmt":"2021-05-08T14:43:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27501"},"modified":"2021-10-17T05:08:51","modified_gmt":"2021-10-17T02:08:51","slug":"topp-5-maste-ha-chrome-webbtillagg-for-webbutvecklare","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/topp-5-maste-ha-chrome-webbtillagg-for-webbutvecklare\/","title":{"rendered":"Topp 5 m\u00e5ste ha Chrome-webbtill\u00e4gg f\u00f6r webbutvecklare"},"content":{"rendered":"

Webbl\u00e4sartill\u00e4gg \u00e4r inget annat \u00e4n plugins som ut\u00f6kar en webbl\u00e4sares funktionalitet. Medan du arbetar p\u00e5 webben kan anv\u00e4ndning av till\u00e4gg g\u00f6ra utvecklingsprocessen snabbare och exakt.<\/p>\n

I den h\u00e4r artikeln listar vi upp fem m\u00e5ste-krom-webbtill\u00e4gg som varje webbutvecklare ska installera i en Google Chrome-webbl\u00e4sare.<\/p>\n

1 ColorZilla<\/h3>\n

ColorZilla<\/a> \u00e4r en kromf\u00f6rl\u00e4ngning som hj\u00e4lper webbutvecklare och webbdesigners att utf\u00f6ra f\u00e4rgrelaterade uppgifter.<\/p>\n

\"Topp<\/a><\/p>\n

Med ColorZilla kan man ta reda p\u00e5 f\u00e4rgkod f\u00f6r alla element p\u00e5 webbsidan.<\/p>\n

Allt du beh\u00f6ver g\u00f6ra \u00e4r att installera till\u00e4gget. Efter installationen klickar du p\u00e5 ikonen och h\u00e5ller mark\u00f6ren p\u00e5 ett element p\u00e5 en webbsida och kopierar elementets f\u00e4rgkod.<\/p>\n

2 sidlinjal<\/h3>\n

Sidlinjalstill\u00e4gg<\/a> \u00e4r anv\u00e4ndbart f\u00f6r att visa elementets position. Genom denna f\u00f6rl\u00e4ngning kommer du att ta reda p\u00e5 bredd, h\u00f6jd, topp, botten, v\u00e4nster och h\u00f6ger position. Den h\u00e4r \u00e4r en m\u00e5ste-ha-till\u00e4gg f\u00f6r att utveckla en perfekt pixelwebbplats.<\/p>\n

\"Topp<\/a><\/p>\n

3 WhatFont<\/h3>\n

P\u00e5 Internet bes\u00f6ker vi hundratals webbplatser. Varje webbplatsinneh\u00e5ll har sitt eget teckensnitt. F\u00f6r att ta reda p\u00e5 teckensnittet kan vi inspektera elementet och sedan fr\u00e5n elementf\u00f6nstret kan vi se teckensnittet som anv\u00e4nds.<\/p>\n

WhatFont<\/a> \u00e4r ett till\u00e4gg som hj\u00e4lper oss att ta reda p\u00e5 teckensnittet utan att inspektera elementet. Vi beh\u00f6ver bara klicka p\u00e5 WhatFont-ikonen och sedan h\u00e5lla musen p\u00e5 elementet p\u00e5 en webbsida. V\u00e4lj elementet och det ger fullst\u00e4ndig information om teckensnittet som teckensnittsnamn, typsnitt, vikt, storlek etc.<\/p>\n

\"Topp<\/a><\/p>\n

4 Grammatik<\/h3>\n

Grammatisk<\/a> till\u00e4gg anv\u00e4nds f\u00f6r att f\u00f6rb\u00e4ttra skriftlig kommunikation. Om du \u00e4r f\u00f6rfattare hj\u00e4lper det h\u00e4r till\u00e4gget dig att h\u00e5lla ditt dokument felfritt och felfritt. Som namnet antyder hittar det h\u00e4r till\u00e4gget eventuella grammatiska misstag i ditt dokument och f\u00f6resl\u00e5r att du korrigerar meningar.<\/p>\n

\"Topp<\/a><\/p>\n

5 Fantastiskt sk\u00e4rmdump<\/h3>\n

Om du beh\u00f6ver ta en sk\u00e4rmdump av en hel sida eller en specifik del av en sida \u00e4r Awesome Screenshot<\/a> till\u00e4gget f\u00f6r dig. Det l\u00e5ter dig spela in din sk\u00e4rm ocks\u00e5. En g\u00e5ng f\u00e5ngar du din sk\u00e4rmdump, p\u00e5 n\u00e4sta sida kan du l\u00e4gga till anteckningar, kommentarer, suddiga k\u00e4nslig information.<\/p>\n

\"Topp<\/a><\/p>\n

Vi hoppas att du fick veta om krom-webbtill\u00e4gg som du m\u00e5ste ha. Anv\u00e4nder du n\u00e5gra andra anv\u00e4ndbara till\u00e4gg? V\u00e4nligen dela i kommentarerna nedan.<\/p>\n

relaterade artiklar<\/h4>\n