Bygg det: 11 lysande Chrome-tillägg för webbutvecklare

Annons

Chrome fångade nyligen en 25% andel av marknaden för webbläsare, vilket gör den till den näst mest använda webbläsaren i världen bakom Internet Explorer (som utvecklas till Project Spartan Project Spartan: en Lean and Unfinished Browser for the Modern WebSpartan tar upp kampen med webbläsarkonkurrenter som Chrome och Firefox. Kommer det att uppfylla de spartanska soldaternas ideal? Vi har testat den här första versionen och blev inte imponerade. Läs mer ). I slutändan betyder detta att Chrome är de facto hem för webbutvecklare.

Även om jag är delvis till Firefox kan jag uppskatta varför människor älskar Chrome. Det tenderar att dominerar webbläsarens riktmärken Browser Wars: Firefox vs. Chrome vs. Opera, The Definitive BenchmarkOm du bara kunde välja en webbläsare, vilken skulle den vara? Vilket är bäst: Firefox, Chrome eller Opera? Vi visar dig. Läs mer och det gör det enkelt för vanliga människor att bli Chrome-användare Hur man blir en Chrome Power-användare, del 1 - Behöver tangentbordet

Google Chrome har länge varit den webbläsare som valts för många och även om majoriteten av våra webbläsare kan göra några ganska imponerande saker, Chrome har fortsatt att ta upp kraften användare, ... Läs mer . Andra hatar faktiskt Chrome men är det fastnat med det Jag hatar Google Chrome men jag är instängd i det. Här är varförI Chrome vs. Firefox-kriget, jag stöttar med Google-användare. Men jag vill inte. Chrome är min valbara webbläsare eftersom den har funktioner som jag inte kan leva utan. Läs mer på grund av tillgängligheten för vissa tillägg.

Det är en anledning till att Chrome är så bra för webbutvecklare: Chrome webbutik Hur säkert är Chrome Web Store ändå?En Google-finansierad studie har funnit att tiotals miljoner Chrome-användare har tillägg som har skadlig kod installerat, vilket motsvarar 5% av den totala Google-trafiken. Är du en av dessa människor, och vad ska du göra? Läs mer och dess pool av förlängningar. Om du någonsin planerar att designa eller koda en webbplats är här några viktiga verktyg som du bör installera direkt.

ColorZilla började som Firefox-tillägg, men det blev så populärt att många begärde en Chrome-version. Nu är vi här. Det här praktiska tillägget är i princip en avancerad version av det ögondropparverktyg som du hittar i ett program som Paint eller Photoshop.

Med det kan du peka på vilken plats som helst i din webbläsare och omedelbart dra färginformationen på den platsen. När du har dragit den kan du finjustera den (antingen av RGB, HSV eller rakhex) innan du kopierar den till ditt urklipp. Mycket lätt att använda.

Det kommer också med en CSS-gradientgenerator, en webbsida färganalysator och några förinstallerade färgpaletter för din bekvämlighet.

En av farorna för webbutvecklaren är att se till att en webbplats tittarupplevelse är trevlig för användare på alla typer av enheter. Vi pratar inte bara om mobil kontra skrivbord - vilket är viktigt - men också skillnaden mellan små tabletter och massiva bildskärmar.

Window Resizer är ett enkelt sätt att ändra storlek på webbläsarfönstret. Genom att klicka på en knapp kan du testa din webbplats i olika upplösningar för att se vad dina användare ser - och sedan kan du justera i enlighet därmed.

En annan enorm fara för webbutvecklaren är webbläsarstandarder (eller bristen på dessa). Internet Explorer, Firefox, Chrome, Opera och alla andra mindre webbläsare gör webbplatser på något olika sätt. Under tiden är vissa webbläsare långsammare att anta standarder än andra.

Eller när det gäller Internet Explorer kastas standarder ut genom fönstret och webbutvecklare drivs att riva ut håret när de tvingas bostad.

Med IE Tab, den här processen görs lite lättare. Det låter dig se en webbplats på en ny Chrome-flik, men återges som den skulle visas i IE. Inte en revolutionerande lösning på IE-problemet, men det är åtminstone något.

Inte all HTML-kod är lika. Medan webbläsare spelar en stor roll i efterlevnad av standarder, vilar en del av onus också på webbutvecklaren för att följa god HTML-praxis. Det är därför det finns verktyg där ute testa och validera HTML 5 bästa gratis HTML-redigerare för att testa din kodFör tider när du bara vill fikla med ett litet HTML-utdrag så att du kan finjustera det efter din önskan kommer en online HTML-redigerare att tjäna dig bättre. Läs mer .

Giltighet är ett tillägg som låter dig göra allt detta utan att behöva besöka några tredjepartswebbplatser. Öppna bara din webbplats, klicka på knappen så visas alla ogiltiga HTML-meddelanden i webbläsarkonsolen. Validering görs genom W3C Validation Service.

En sak jag hatar med webbutveckling är att det finns det så många bibliotek, ramverk och motorer tillgängliga att använda. Valfriheten är stor, men det är ont när antalet tekniker blir så stort att du inte kan hålla jämna steg med dem alla.

Har du någonsin besökt en webbplats och undrat vad den underliggande tekniken är?

De BuiltWith tillägg är en enda knapp som analyserar den aktuella webbsidan att se Allt av webbbibliotek, ramverk och motorer som driver det, inklusive annonsnätverk, plattformar för innehållsdistribution och till och med värdprogramvaran bakom allt.

Postman REST Client [Ingen längre tillgänglig]

För dig som arbetar med REST-API: er, Brevbärare är det verktyg du behöver för ett strömlinjeformat arbetsflöde. Med det kan du konstruera HTTP-förfrågningar och få formaterade svar i JSON och XML. Svaren öppnas i ett separat fönster som HTML.

Du kan också gruppera flera förfrågningar i något som kallas en samling, vilket är ett bra sätt att hålla organiserad och effektiv. Du kan också testa på flera miljöer genom att växla upp miljövariabler direkt i tillägget.

Ett sätt att generera fyllnadstext är att kopiera och klistra in “asdf” om och om igen hundra gånger. Ett bättre sätt skulle vara att installera Företags Ipsum och låt den generera påfyllningstext för dig med ett ögonblick.

Vi har täckt flera Lorem Ipsum generatorer 10 praktiska alternativ om du är trött på de vanliga Lorem Ipsum-fyllmedelstexternaWebbdesigners har förmodligen en katt av Lorem Ipsum-verktyg som sparats i närheten av det som är användbart för deras webbutvecklingsarbete. Lorem Ipsum-generatorer finns i olika former; några av dem tillåter att anpassa dummy-texten ... Läs mer tidigare, men appell från Corporate Ipsum är att det sitter rätt i din webbläsare. Du kan dra upp det med ett enda klick. Det finns ingen anledning att inte använda det om du frågar mig. Nu kan du komma tillbaka till att faktiskt koda din webbplats!

Webbutveckling sker ibland på flera maskiner. Medan källkontroll för utvecklare Vad är git och varför du ska använda versionskontroll om du är en utvecklareSom webbutvecklare, mycket av tiden vi tenderar att arbeta på lokala utvecklingswebbplatser bara ladda upp allt när vi är klara. Det går bra när det bara är dig och förändringarna är små, ... Läs mer är det huvudsakliga sättet att hålla sig synkroniserad och aktuell, vad händer om du vill överföra flera flikar över datorer? Det är där TabCloud kommer in.

TabCloud synkroniserar dina flikar med molnet, så att du kan öppna dem på annat håll. Det kan också användas lokalt som en sessionbesparare, så att du kan lagra en uppsättning flikar för senare omprövning. Flikar sparas i ditt Google-konto.

Teckensnittdesign är en stor komponent i webbutveckling, varför tjänster gillar Googles webbsnitt Hur du använder Google-teckensnitt i ditt nästa webbprojekt och varför du bordeVal av teckensnitt är ett integrerat designbeslut på vilken webbplats som helst, men för det mesta är vi nöjda med samma gamla serif och sans-serif-familj. Medan huvuddelen av text alltid borde vara något ... Läs mer har blivit så populär. Den goda nyheten är att dessa gratis typsnitt nu är några av vackraste webb-teckensnitt Grana upp din webbplats med dessa 12 vackra Google Web-typsnittUnder det senaste decenniet har jag startat ett antal personliga bloggar som jag aldrig riktigt har följt med, men några av mina käraste minnen vilar på temadesign och teckensnittjusteringar. Det är något tillfredsställande när ... Läs mer tillgänglig för tillfället.

Men erkänn det: det finns tillfällen när du surfar på webben och stöter på ett fantastiskt teckensnitt som du aldrig har sett förut. Det finns många sätt att identifiera det, men det snabbaste sättet är att använda WhatFont. Med det kan du inspektera teckensnitt helt enkelt genom sväva över dem. Hur kan det vara lättare?

Fantastisk skärmdump [Inte längre tillgänglig]

Om skärmdumpar inte ingår i din vanliga webbutvecklingsrutin, Fantastisk skärmdump kommer att hjälpa till att ändra det. Skärmdumpar är bra för att dokumentera förändringar i design och dela pågående arbeten med din klient eller teammedlemmar.

Det här tillägget har flera inspelningsfunktioner, inklusive hemsida, valt område eller synligt område. Det låter dig också lägga till kommentarer, oskärpa känsliga delar av bilden och dela med ett enda klick. Eller ladda upp till din Google Drive istället.

Om konceptet fascinerar dig men du hellre vill använda ett kraftfullare desktopprogram, kolla in det här jämförelse av skärmdumpverktyg 4 bästa verktyg för att skapa skärmbilder jämförtCTRL + SKIFT + 4. Tre tangenter - det är allt du behöver för perfekta skärmdumpar. Det behöver inte vara krångel! Prova dessa avancerade skärmfångarverktyg så ser du aldrig tillbaka. Läs mer och börja använda den som fungerar bäst för dig.

Massor av webbutvecklingsfel kommer att frustrera dina besökare, och trasiga länkar är en av de värsta gärningsmännen. En trasig länk kan vara okej, men mer än så och din webbplats börjar tappa trovärdighet och rykte. Lyckligtvis är detta ett lätt undviket misstag.

Kolla mina länkar gör exakt vad det lovar: det kontrollerar dina länkar. Giltiga länkar är markerade med gröna medan trasiga länkar är röda och i slutet kommer det att ge dig en procentuell poäng. Allt du behöver göra efteråt är att gå och reparera dessa länkar!

Vilka tillägg använder du?

En till förlängning för produktivitet 15 Kan inte missa Chrome-tillägg för produktivitetIdag ger vi dig några mer viktiga tillägg som syftar till att hjälpa dig att arbeta bättre online. Läs mer Jag skulle rekommendera är StayFocusd. Det är mer en allmän förlängning snarare än en webbutvecklingstillägg, men det är verkligen användbart oavsett. Det hindrar dig från att bli distraherad av webben medan du arbetar!

Vad tycker du om dessa? Finns det andra väsentliga webbutvecklingstillägg som du rekommenderar? Dela med oss ​​i kommentarerna nedan!