Home-theater-designers
Chrome tok nylig en andel på 25% av nettlesermarkedet, noe som gjør den til den nest mest brukte nettleseren i verden bak Internet Explorer (som utvikler seg til Project Spartan). 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 nettleser benchmarks, og det gjør det enkelt for vanlige folk å bli Chrome -brukere. Andre hater faktisk Chrome, men sitter fast på grunn av tilgjengeligheten av visse utvidelser.
Det er en av grunnene til at Chrome er så bra for webutviklere: Chrome nettbutikk og utvidelsespakken. Hvis du noen gang har tenkt å designe eller kode et nettsted, er det noen viktige verktøy du bør installere med en gang.
ColorZilla
ColorZilla startet som et Firefox -tillegg, men det ble så populært at mange ba om en Chrome -versjon. Nå er vi her. Denne praktiske utvidelsen er i utgangspunktet en avansert versjon av øyedråperverktøyet som du finner i et program som Paint eller Photoshop.
Med den kan du peke til et hvilket som helst sted i nettleseren din og umiddelbart trekke fargeinformasjonen til det stedet. Når du har trukket den, kan du justere den (enten med RGB, HSV eller rett hex) før du kopierer den til utklippstavlen. Ekstremt lett å bruke.
Den leveres også med en CSS-gradientgenerator, en fargeanalysator for nettsider og noen forhåndsinstallerte fargepaletter.
Vindusstørrelse
En av farene for webutvikleren er å sørge for at et nettsteds visningsopplevelse er hyggelig for brukere på alle typer enheter. Vi snakker ikke bare om mobil vs desktop - hvilket er viktig - men også forskjellen mellom små nettbrett og massive skjermer.
Vindusstørrelse er en enkel måte å endre størrelsen på nettleservinduet på. Med et klikk på en knapp kan du teste nettstedet ditt i forskjellige oppløsninger for å se hva brukerne dine ser - og deretter kan du justere deretter.
IE Tab
En annen stor fare for webutvikleren er nettleserstandarder (eller mangel på slike). Internet Explorer, Firefox, Chrome, Opera og alle de andre mindre nettleserne vil gjengi nettsteder på litt forskjellige måter. I mellomtiden er noen nettlesere tregere til å vedta standarder enn andre.
Eller når det gjelder Internet Explorer, blir standarder kastet ut av vinduet og webutviklere blir drevet til å rive ut håret når de blir tvunget til å gjøre overnatting.
Med IE Tab , er denne prosessen gjort litt lettere. Den lar deg se et nettsted i en ny Chrome -fane, men gjengitt slik det ville se ut i IE. Ikke en revolusjonerende løsning på problemet med IE, men det er i hvert fall noe.
Gyldighet
Ikke all HTML -kode er lik. Selv om nettlesere spiller en stor rolle i samsvar med standarder, hviler en del av ansvaret også på webutvikleren for å følge god HTML -praksis. Det er derfor det finnes verktøy der ute for teste og validere HTML .
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 gjøres gjennom W3C Validation Service.
Bygget med
En ting jeg hater med webutvikling er at det er det så mange biblioteker, rammer og motorer tilgjengelig for bruk. Valgfriheten er stor, men det er vondt når antallet teknologier blir så stort at du ikke kan følge med dem alle.
Har du noen gang besøkt et nettsted og lurt på hva den underliggende teknologien er?
De Bygget med utvidelse er en enkelt knapp som analyserer gjeldende nettside for å se alle av nettbibliotekene, rammene og motorene som driver det, inkludert reklamenettverk, plattformer for innholdsdistribusjon og til og med hostingprogramvaren bak det hele.
Postman REST Client [Ikke lenger tilgjengelig]
For dere som jobber med REST APIer, Postbud er det eneste verktøyet du trenger for en strømlinjeformet arbeidsflyt. Med den kan du konstruere HTTP -forespørsler og få formaterte svar i JSON og XML. Svar åpnes i et eget vindu som HTML.
Du kan også gruppere flere forespørsler i noe som kalles en samling, som er en fin måte å holde orden og effektiv på. Du kan også teste på flere miljøer ved å bytte miljøvariabler rett inne i utvidelsen.
Bedriftsforsikring
En måte å generere fylltekst på er å kopiere og lime inn 'asdf' om og om igjen hundre ganger. En bedre måte ville være å installere Bedriftsforsikring og la den generere fylltekst for deg på et øyeblikk.
Vi har dekket flere Lorem Ipsum -generatorer før, men appellen til Corporate Ipsum er at den sitter rett i nettleseren din. Du kan trekke den opp med et enkelt klikk. Det er ingen grunn til ikke å bruke det, spør du meg. Nå kan du komme tilbake til å faktisk kode nettstedet ditt!
TabCloud
Noen ganger skjer webutvikling over flere maskiner. Selv om kildekontroll for utviklere er den viktigste måten å holde seg synkronisert og oppdatert, hva om du vil overføre flere faner på tvers av datamaskiner? Det er hvor TabCloud kommer inn.
TabCloud synkroniserer fanene dine med skyen, slik at du kan åpne dem igjen andre steder. Den kan også brukes lokalt som en øktsparer, slik at du kan lagre et sett med faner for senere besøk. Faner lagres i Google -kontoen din.
WhatFont
Fontdesign er en stor del av webutvikling, og derfor er tjenester som Google Web Fonts blitt så populære. Den gode nyheten er at disse gratis skriftene nå er noen av de vakreste webfonter som er tilgjengelige for øyeblikket.
Men innrøm det: det er tider når du surfer på nettet, og du støter på en fantastisk 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 den kan du enkelt inspisere fonter ved å svever over dem . Hvordan kan det være lettere?
Fantastisk skjermbilde [Ikke lenger tilgjengelig]
Hvis skjermbilder ikke er en del av din vanlige webutviklingsrutine, Fantastisk skjermbilde vil bidra til å endre det. Skjermbilder er flotte for å dokumentere endringer i design og dele pågående arbeider med din klient eller teammedlemmer.
størrelsen på personsøkingsfil for 16 GB RAM
Denne utvidelsen har flere opptaksfunksjoner, inkludert helside, valgt område eller synlig område. Den lar deg også legge til merknader, uskarpe sensitive deler av bildet og dele med et enkelt klikk. Eller last opp til Google Disk i stedet.
Hvis konseptet fascinerer deg, men du heller vil bruke et kraftigere skrivebordsprogram, kan du sjekke denne sammenligningen av skjermdumpverktøyet og begynne å bruke det som fungerer best for deg.
Sjekk Mine koblinger
Mange nettutviklingsfeil vil frustrere dine besøkende, og ødelagte lenker er en av de verste lovbryterne. En ødelagt lenke kan være greit, men mer enn det, og nettstedet ditt begynner å miste troverdighet og rykte. Heldigvis er dette en lett unngått feil.
Sjekk Mine koblinger gjør akkurat det den lover: den sjekker koblingene dine. Gyldige lenker er merket grønt mens ødelagte lenker er merket med rødt, og på slutten vil det gi deg en prosentpoeng. Alt du trenger å gjøre etterpå er å gå og reparere disse koblingene!
Hvilke utvidelser bruker du?
En ekstra utvidelse for produktivitet jeg vil anbefale er StayFocusd . Det er mer en generell utvidelse enn en utvidelse for webutvikling, men det er absolutt nyttig uansett. Det hindrer deg i å bli distrahert av nettet mens du jobber!
Hva synes du om disse? Er det noen andre viktige utvidelser for webutvikling du vil anbefale? Del med oss i kommentarene nedenfor!
Dele Dele kvitring E -post 15 kommandoer i Windows -ledetekst (CMD) du må viteKommandoprompten er fremdeles et kraftig Windows -verktøy. Her er de mest nyttige CMD -kommandoene hver Windows -bruker trenger å vite.
Les neste Relaterte temaer- Nettlesere
- Google Chrome
- Nettleserutvidelser
Joel Lee er sjefredaktør for MakeUseOf siden 2018. Han har en B.S. i informatikk og over ni års profesjonell skrive- og redigeringserfaring.
Mer fra Joel LeeAbonner på vårt nyhetsbrev
Bli med i vårt nyhetsbrev for tekniske tips, anmeldelser, gratis ebøker og eksklusive tilbud!
Klikk her for å abonnere