Bygg det 11 Brilliant Chrome Extensions For Webutviklere

Chrome har nylig tatt en 25% andel av nettlesermarkedet, noe som gjør den til den mest brukte nettleseren i verden bak Internet Explorer (som utvikler seg til Project Spartan Project Spartan: en mager og uferdig nettleser for det moderne webprojektet Spartan: en lean og uferdig nettleser for den moderne webspartanen tar opp kampen med nettleserkompetanter som Chrome og Firefox. Vil det leve opp til ideene til spartanske soldater? Vi har satt denne første versjonen på prøve og ble ikke imponert. Les mer ). Til syvende og sist betyr dette at Chrome er de facto hjem for webutviklere.

Selv om jeg er delvis til Firefox, kan jeg sette pris på hvorfor folk elsker Chrome. Det har en tendens til å dominere nettleserens referanser. Browser Wars: Firefox vs Chrome vs Opera, Den Definitive Benchmark Browser Wars: Firefox vs Chrome vs Opera, Det Endelige Benchmark Hvis du bare kunne velge en nettleser, hvilken ville det være? Hvilket er best: Firefox, Chrome eller Opera? Vi viser deg. Les mer, og det gjør det enkelt for vanlige folk å bli Chrome-strømbrukere. Slik blir en Chrome Power User, del 1 - Master tastaturet. Slik blir en Chrome Power User, del 1 - Master. Tastaturet Google Chrome har lenge vært Den valgte nettleseren for mange, og selv om flertallet av nettleserne våre kan gjøre noen ganske imponerende ting, har Chrome fortsatt å rive opp strømbrukerne, ... Les mer. Andre hater faktisk Chrome, men sitter fast med det jeg hater Google Chrome, men jeg er fanget i den. Her er hvorfor jeg hater Google Chrome, men jeg er fanget i den. Her er hvorfor I Chrome vs Firefox-krigen, er jeg på side med Google-brukerne. Men jeg vil ikke. Chrome er den valgte nettleseren min fordi den har funksjoner som jeg ikke kan leve uten. Les mer på grunn av tilgjengeligheten av visse utvidelser.

Det er en grunn til at Chrome er så bra for webutviklere: Chrome Nettmarked Hvor trygg er Chrome Nettmarked uansett? Hvor trygg er Chrome Nettmarked uansett? En Google-finansiert studie har funnet ut at titalls millioner av Chrome-brukere har tilleggsprogrammer som inneholder malware installert, som representerer 5% av total Google-trafikk. Er du en av disse menneskene, og hva skal du gjøre? Les mer og dens utvidelsesbasseng. Hvis du noen gang planlegger å designe eller kode et nettsted, er det noen viktige verktøy som du bør installere med en gang.

ColorZilla

ColorZilla startet som en Firefox addon, men det ble så populært at mange ba om en Chrome-versjon. Nå er vi her. Denne praktiske forlengelsen er i utgangspunktet en avansert versjon av øyedropperverktøyet som du finner i et program som Paint eller Photoshop.

Med det kan du peke på noe sted i nettleseren din og umiddelbart trekke fargeinformasjonen på det stedet. Når du har trukket, kan du finjustere den (enten ved RGB, HSV eller straight hex) før du kopierer den til utklippstavlen. Ekstremt lett å bruke.

Den leveres også med en CSS Gradient Generator, en Webpage Color Analyzer, og noen forhåndsinstallerte fargepaletter for enkelhets skyld..

Window Resizer

En av faren for webutvikleren sørger for at et nettsteds seeropplevelse er hyggelig for brukere på tvers av alle typer enheter. Vi snakker ikke bare om mobil vs skrivebord - som er viktig - men også forskjellen mellom små tabletter og massive skjermer.

Window Resizer er en enkel måte å endre størrelsen på nettleservinduet på. Ved å klikke på en knapp, kan du teste nettstedet ditt i ulike oppløsninger for å se hva brukerne ser - og så kan du justere det.

IE Tab

En annen stor fare for webutvikleren er nettleserstandarder (eller mangelen derav). Internet Explorer, Firefox, Chrome, Opera, og alle de andre mindre nettleserne vil gjøre nettsteder på litt forskjellige måter. I mellomtiden er noen nettlesere langsommere å vedta standarder enn andre.

Eller i tilfelle av Internet Explorer blir standarder kastet ut av vinduet, og webutviklere er drevet for å rive ut håret da de er tvunget til å gjøre overnattingssteder.

Med IE Tab, denne prosessen er gjort en liten bit enklere. Det lar deg se et nettsted i en ny Chrome-kategori, men gjengis som den ville vises i IE. Ikke en revolusjonerende løsning på problemet med IE, men i det minste er det noe.

Gyldighet

Ikke alle HTML-koden er lik. Mens nettlesere spiller en stor rolle i samsvar med standarder, hviler en del av onus også på webutvikleren for å følge gode HTML-metoder. Derfor er det verktøy der ute for å teste og validere HTML 5 Best Free Online HTML-redaktører for å teste koden 5 Best Free Online HTML-redaktører til å teste koden din For tidspunkter når du bare vil snikle rundt med en liten HTML-kodebit, så kan du tweak det til din smak, en online HTML editor vil tjene deg bedre. Les mer .

Gyldighet er en utvidelse som lar deg gjøre alt dette uten å måtte besøke noen tredjeparts nettsteder. Bare åpne nettstedet ditt, klikk på knappen, og det vil vise alle ugyldige HTML-meldinger i nettleserkonsollen. Validering skjer gjennom W3C Validation Service.

BuiltWith

En ting jeg hater om webutvikling er at det er så mange biblioteker, rammer og motorer tilgjengelig for bruk. Valgfrihet er flott, men det er en smerte når antall teknologier blir så store at du ikke kan holde tritt med dem alle.

Har du noen gang besøkt et nettsted og lurt på hva den underliggende teknologien er?

De BuiltWith utvidelse er en enkelt knapp som analyserer gjeldende nettside for å se alle av nettbiblioteker, rammer og motorer som driver det, inkludert annonsenettverk, distribusjonsplattformer for innhold og til og med hosting-programvaren bak det hele.

Postman REST Client [Ikke lenger tilgjengelig]

For de som jobber med REST APIer, Postbud er det eneste verktøyet du trenger for en strømlinjeformet arbeidsflyt. Med det kan du konstruere HTTP-forespørsler og få formaterte svar i JSON og XML. Svarene åpnes i et eget vindu som HTML.

Du kan også gruppere flere forespørsler til noe som heter en samling, som er en fin måte å holde orden på og effektivisere. Du kan også teste på flere miljøer ved å slå opp miljøvariabler rett innenfor utvidelsen.

Corporate Ipsum

En måte å generere fillertekst på er å kopiere og lime inn “asdf” om og om igjen hundre ganger. En bedre måte ville være å installere Corporate Ipsum og la det generere fillertekst for deg i et øyeblikk.

Vi har dekket flere Lorem Ipsum generatorer 10 Handy Alternativer Hvis du er lei av de vanlige Lorem Ipsum Filler Texts 10 Handy Alternativer Hvis du er lei av de vanlige Lorem Ipsum Filler Texts Webdesignere har sannsynligvis en kitty av Lorem Ipsum verktøy som er lagret i nærheten av det nyttig for deres webutviklingsarbeid. Lorem Ipsum generatorer kommer i forskjellige former; Noen av dem tillater tilpassing av dummy-teksten ... Les mer før, men appellen fra Corporate Ipsum er at den sitter rett i nettleseren din. Du kan trekke den opp med en enkelt knappeklikk. Det er ingen grunn til ikke å bruke den, hvis du spør meg. Nå kan du komme tilbake til å faktisk kode nettstedet ditt!

TabCloud

Webutvikling skjer noen ganger over flere maskiner. Mens kildekontroll for utviklere Hva er Git og hvorfor du bør bruke Versjonskontroll Hvis du er utvikler Hva er Git og hvorfor du bør bruke Versjonskontroll Hvis du er en utvikler Som webutviklere, har mye av tiden vi pleier å jobbe På lokale utviklingssteder må du bare laste opp alt når vi er ferdige. Dette er greit når det bare er deg og endringene er små, ... Les mer er den viktigste måten å holde seg synkronisert og oppdatert, hva hvis du vil overføre flere faner på tvers av datamaskiner? Det er hvor TabCloud kommer inn.

TabCloud synkroniserer kategoriene dine til skyen, slik at du kan åpne dem på andre steder. Den kan også brukes lokalt som en øktsparer, slik at du kan lagre et sett med faner for senere revisjon. Flikene lagres på Google-kontoen din.

WhatFont

Font design er en stor del av webutvikling, og det er derfor tjenester som Google Web Fonts. Slik bruker du Google Fonts i ditt neste webprosjekt og hvorfor du bør bruke Google Fonts i ditt neste webprosjekt. integrert design beslutning på et hvilket som helst nettsted, men mesteparten av tiden er vi fornøyd med den samme gamle serif og sans-serif familien. Mens hovedteksten av teksten alltid skal være noe ... Les mer har blitt så populært. Den gode nyheten er at disse gratis skrifttyper er nå noen av de vakreste nettfonene Spruce Up Your Website med disse 12 vakre Google Web Fonts Spruce opp ditt nettsted med disse 12 vakre Google Web Fonts I løpet av det siste tiåret har jeg startet et nummer av personlige blogger som jeg aldri har fulgt med, men noen av mine kjære minner hviler på tema design og font tweaks. Det er noe tilfredsstillende når ... Les mer tilgjengelig for øyeblikket.

Men innrøm det: det er tider når du surfer på nettet, og du kommer over en imponerende skrift som du aldri har sett før. Det er mange måter å identifisere det på, men den raskeste måten er å bruke WhatFont. Med det kan du bare inspisere fonter svinger over dem. Hvordan kan det være enklere?

Awesome Skjermbilde [Ikke lenger tilgjengelig]

Hvis skjermbilder ikke er en del av din vanlige webutviklingsrutine, Awesome Skjermbilde vil bidra til å endre det. Screen captures er gode for å dokumentere endringer i design og deling av arbeid i gang med klienten eller gruppemedlemmene.

Denne utvidelsen har flere opptaksfunksjoner, inkludert full side, valgt område eller synlig område. Det lar deg også legge til merknader, uklare følsomme deler av bildet, og dele med et enkelt klikk. Du kan også laste opp til Google Disk i stedet.

Hvis konseptet intrigerer deg, men du vil helst bruke et kraftigere skrivebordsprogram, sjekk ut denne skjermbildet verktøy sammenligningen 4 Beste verktøy for å skape skjermbilder Sammenlignet 4 beste verktøy for å lage skjermbilder Sammenlignet CTRL + SHIFT + 4. Tre taster - det er alt du trenger for perfekte skjermbilder. Det trenger ikke å være et problem! Prøv disse avanserte skjermopptakingsverktøyene, og du vil aldri se tilbake. Les mer og begynn å bruke den som passer best for deg.

Sjekk mine koblinger

Massevis av webutviklingsfeil vil frustrere de besøkende, og ødelagte koblinger er en av de verste lovbrytere. En ødelagt link kan være ok, men mer enn det, og nettstedet ditt begynner å miste troverdighet og omdømme. Heldigvis er dette en lett unngått feil.

Sjekk mine koblinger gjør akkurat det det lover: det sjekker dine lenker. Gyldige koblinger er merket grønt mens brutte koblinger er merket rødt og på slutten gir det deg en prosentpoeng. Alt du trenger å gjøre etterpå, er å gå og reparere disse koblingene!

Hvilke utvidelser bruker du?

En ekstra utvidelse for produktivitet 15 Kan ikke-Chrome-utvidelser for produktivitet 15 Kan ikke-Chrome-utvidelser for produktivitet I dag tar vi deg med noen få viktige utvidelser rettet mot å hjelpe deg med å jobbe bedre online. Les mer Jeg vil anbefale StayFocusd. Det er mer en generell utvidelse enn en webutvidelse, men det er sikkert nyttig uansett. Det holder deg fra å bli distrahert av nettet mens du jobber!

Hva synes du om disse? Er det noen andre viktige webutvidelser som du vil anbefale? Del med oss ​​i kommentarene nedenfor!

Utforsk mer om: Nettleserutvidelser, Google Chrome.