Å utvikle en god nettside som overholder de allment aksepterte "beste praksis" kan være super vanskelig, og noen ganger feilsøking for å fikse feil i koden din er enda vanskeligere.

Heldigvis finnes det flere utvidelser i Chrome nettbutikken som i stor grad kan øke produktiviteten og gjøre livet enklere når du arbeider med nettsteder og nettleserbaserte applikasjoner.

Her er elleve av de beste Chrome-utvidelsene for webdesignere og utviklere:

Relatert : 7 av de beste Chrome-utvidelsene du trenger å prøve

1. WhatFont

WhatFont er et flott verktøy for å spotte de forskjellige typene på en nettside ved å sveve musen på dem.

Når du klikker på skrifttypen, gir den deg tilleggsinformasjon om den eksakte typen, størrelsen og linjens høyde. Så enkelt og elegant.

2. StyleBot

StyleBot er en CSS-utvidelse for webutviklere. Det hjelper deg å tilpasse utseendet til et hvilket som helst nettsted ved å plukke elementet og endre det er stil fra redaktøren.

Det er også en avansert CSS-kategori der du kan skrive dine egne regler direkte. Det er spesielt nyttig for folk som bare lærer CSS.

3. BuiltWith Technology Profiler

BuiltWith Profiler brukes til å sjekke hvilke teknologier et nettsted er bygget på.

Når du klikker på ikonet i Chrome-linjen, vises det en skuff der du kan se de ulike teknologiene som et nettsted bruker, for eksempel Web Server, Content Delivery Network, Content Management System, JavaScript-biblioteker og funksjoner og mye mer.

Dette kan hjelpe deg med å bestemme hvilke som skal implementeres på dine egne webprosjekter.

4. Webutvikler

Webutvikler er en utvidelse for Chrome som ble portet fra den populære Firefox-versjonen.

Det gir et vell av verktøy til nettleseren din, inkludert mulighetene for å bytte mellom stilark, deaktivere JavaScript, vise skjulte elementer eller fylle ut skjemaer.

Det er massevis av godbiter her for å teste koden din eller eksperimentere, så sørg for å sjekke det ut.

5. ColorZilla

ColorZilla er en flott utvidelse for webdesignere som vil sjekke ut den nøyaktige fargen på nettsteder de liker.

Med den kan du få fargelesning fra et hvilket som helst punkt i nettleseren din og kopiere Hex eller RGB-verdien for å lime inn i et annet program.

Det finnes flere andre funksjoner som Eyedropper, Palette Viewer, CSS Gradient Generator, Plukket Fargelogging og en fargelyser for nettsider som gir en palett for alle nettsteder.

6. Capture Page Skjermbilde (FireShot)

FireShot gjør en veldig enkel jobb. Det lar deg ta et skjermbilde av ulike deler av en nettside eller hele nettsiden selv og eksporter til PDF, JPEG, GIF, PNG eller BMP.

7. Side Linjal

Sidelinjeren lar deg måle bredden, høyden og posisjonen til et hvilket som helst element på en nettside ved å tegne en linjal rundt elementet og endre størrelsen på ditt hjertes ønske.

Du kan også bytte til "Element Mode" for å skissere hvert element på en side som du mus over dem.

8. YSlow

YSlow hjelper deg med å øke hastigheten på nettstedene dine ved å analysere siden din og foreslå måter å forbedre ytelsen på.

Den tester sidene dine mot et forhåndsdefinert sett med regler som er allment aksepterte og oppsummerer sidens belastningstid, nettstedskomponenter og statistiske diagrammer.

9. sjekkliste for webutvikler

Dette praktiske verktøyet sjekker nettsidene dine for å sikre at de følger de beste praksiser angående SEO, HTML-validering, mobilrespons, brukervennlighet og hastighet.

Du kan også besøke utviklerens nettsted for en mer detaljert sjekkliste.

10. Search Stack Overflow

Search Stack Overflow er en veldig enkel utvidelse som legger til en søkeboks i nettleseren din for å se opp temaer på Stack Overflow.

Du kan søke etter nesten alt relatert til webutvikling eller programmering generelt, og du vil mest sannsynlig finne en god ressurs for å løse dine problemer.

11. Sjekk Mine koblinger

Sjekk Mine koblinger Chrome-utvidelsen bidrar til å oppdage ødelagte koblinger på nettsiden din.

Når du har installert det, klikker du på ikonet på kromlinjen, og det vil dukke opp en resultatruten der du kan se totalt antall lenker på siden, og hvis det er noen ødelagte.

Det fremhever også alle de gode koblingene i grønt og brutt i rødt for å gjøre det enkelt.

Konklusjon

Det er ingen benektelse at alle disse store Chrome-utvidelsene har sterkt redusert den dårlige utviklingen av å designe eller utvikle webapplikasjoner. Hvis du ikke allerede har noen eller noen av disse, mangler du mye, så prøv de som er relevante for deg og opplev en raskere måte å jobbe rett fra i nettleseren din.

Hvilke andre Chrome-utvidelser bruker du? Del dem med oss ​​i kommentarfeltet nedenfor.