Bygg det 11 Briljanta Chrome-förlängningar för webbutvecklare

Chrome har nyligen tagit en andel på 25% av webbläsarmarknaden, 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 och oavslutad webbläsare för det moderna webprojektet Spartan: en lean och oavslutad webbläsare för den moderna webspartanen tar upp kampen med webbläsarkonkurrenter som Chrome och Firefox. Kommer det att leva upp till idealen för spartanska soldater? Vi har lagt den här första versionen på prov och var inte imponerad. Läs mer ). I slutändan betyder det att Chrome är de facto hem för webbutvecklare.

Även om jag är delaktig i Firefox kan jag uppskatta varför människor älskar Chrome. Det brukar dominera webbläsarbänkar. Browser Wars: Firefox vs Chrome vs Opera, The Definitive Benchmark Browser Wars: Firefox vs Chrome vs Opera, The Definitive Benchmark Om 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. Så här blir du en Chrome Power-användare, Del 1 - Master Tangentbordet Så blir du en Chrome Power User, Del 1 - Master Tangentbordet Google Chrome har under en tid varit Valfri webbläsare för många och även om flertalet av våra webbläsare kan göra några ganska imponerande saker, har Chrome fortsatt att snatch up power users, ... Läs mer. Andra hatar faktiskt Chrome men fastnar med det jag hatar Google Chrome men jag är fångad i den. Här är varför jag hatar Google Chrome men jag är fastad i den. Här är varför I Chrome-mot-Firefox-kriget håller jag på sidan med Google-användarna. Men jag vill inte. Chrome är min webbläsare av val eftersom den har funktioner som jag inte kan leva utan. Läs mer på grund av tillgängligheten av vissa tillägg.

Det är en anledning till att Chrome är så bra för webbutvecklare: Chrome Web Store Hur säkert är Chrome Web Store ändå? Hur säker är Chrome Web Store ändå? En Google-finansierad studie har visat att tiotals miljoner Chrome-användare har tillägg som innehåller malware installerat, vilket motsvarar 5% av den totala Googles trafik. Är du en av dessa människor, och vad ska du göra? Läs mer och dess tilläggspool. Om du någonsin planerar att utforma eller koda en webbplats, här är några viktiga verktyg som du bör installera direkt.

ColorZilla

ColorZilla startade som en Firefox-tillägg, men det blev så populärt att många begärde en Chrome-version. Nu är vi här. Denna praktiska förlängning är i grund och botten en avancerad version av Eye Drop Tool som du hittar i ett program som Paint eller Photoshop.

Med det kan du peka på någon plats i din webbläsare och drar omedelbart färginformationen på den platsen. När du har dragit, kan du finjustera den (antingen med RGB, HSV eller rak hex) innan du kopierar den till ditt urklipp. Extremt lätt att använda.

Det kommer också med en CSS Gradient Generator, en webbsida Color Analyzer, och några förinstallerade färgpaletter för din bekvämlighet.

Window Resizer

En av riskerna hos webbutvecklaren är att se till att en webbplatss tittarupplevelse är roligt för användare över alla typer av enheter. Vi pratar inte bara om mobil vs skrivbord - vilket är viktigt - men också skillnaden mellan små tabletter och massiva monitorer.

Window Resizer är ett enkelt sätt att ändra storlek på webbläsarfönstret i flygningen. Med ett knapptryck kan du testa din webbplats i olika upplösningar för att se vad dina användare ser - och då kan du justera det.

IE-fliken

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

Eller i fallet med Internet Explorer kastas standarder ut genom fönstret och webbutvecklare drivs för att riva ut håret eftersom de tvingas göra boende.

Med IE-fliken, denna process görs en liten bit lättare. Det låter dig se en webbplats i en ny Chrome-flik, men görs som den skulle visas i IE. Inte en revolutionerande lösning på problemet med IE, men det är åtminstone något.

Giltighet

Inte all HTML-kod är lika. Medan webbläsare spelar en stor roll i överensstämmelse med standarder, vilar en del av onus också på webbutvecklaren för att följa bra HTML-metoder. Därför finns det verktyg där ute för att testa och validera HTML 5 bästa gratis online-HTML-redaktörer för att testa din kod 5 Bästa gratis HTML-redigerare på internet för att testa din kod För tider när du bara vill fitta runt med ett litet HTML-kod, så kan du tweak det till din smak, en online HTML-editor kommer att tjäna dig bättre. Läs mer .

Giltighet är en förlängning som låter dig göra allt detta utan att behöva besöka webbplatser från tredje part. Öppna bara din hemsida, klicka på knappen och det kommer att visa alla ogiltiga HTML-meddelanden i webbläsarkonsolen. Valideringen sker via W3C Validation Service.

BuiltWith

En sak som jag hatar om webbutveckling är att det finns så många bibliotek, ramverk och motorer tillgängliga för användning. Valfriheten är stor, men det är en smärta när antalet tekniker blir så bra att du inte kan hålla jämna steg med dem alla.

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

De BuiltWith förlängning är en enkel knapp som analyserar den aktuella webbsidan att se Allt av webbbibliotek, ramverk och motorer som driver det, inklusive annonsnätverk, innehållsdistributionsplattformar och till och med värdprogrammet bakom allt.

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

För er som arbetar med REST API, Brevbärare är det enda verktyget 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. Svar öppnas i ett separat fönster som HTML.

Du kan också gruppera flera förfrågningar till något som heter en samling, vilket är ett utmärkt sätt att hålla sig organiserad och effektiv. Du kan också testa på flera miljöer genom att växla upp miljövariabler direkt inuti förlängningen.

Corporate Ipsum

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 Corporate Ipsum och låt det generera fyllnadstext för dig i ögonkontakt.

Vi har täckt flera Lorem Ipsum generatorer 10 Handy Alternatives Om du är trött på de vanliga Lorem Ipsum Filler Texts 10 Handy Alternatives Om du är trött på de vanliga Lorem Ipsum Filler Texts Webbdesigners har förmodligen en katt av Lorem Ipsum verktyg som sparas nära det 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 innan, men överklagandet från Corporate Ipsum är att det sitter rätt i din webbläsare. Du kan dra upp det med en enda knappskicka. Det finns ingen anledning att inte använda den, om du frågar mig. Nu kan du komma tillbaka till att faktiskt koda din webbplats!

TabCloud

Webbutveckling sker ibland över flera maskiner. Medan källkontroll för utvecklare Vad är Git och varför du bör använda Version Control Om du är en utvecklare Vad är Git och varför du bör använda Version Control Om du är en utvecklare Som webbutvecklare har vi mycket tid att jobba På lokala utvecklingsplatser lägger du bara upp allt när vi är färdiga. Det här är bra när det bara är du och ändringarna är små, ... Läs mer är det viktigaste sättet att hålla sig synkroniserad och uppdaterad, vad händer om du vill överföra flera flikar över datorer? Det är där TabCloud kommer in.

TabCloud synkroniserar dina flikar till molnet, så att du kan öppna dem på andra håll. Den kan också användas lokalt som en sessionbesparare, så att du kan lagra en uppsättning flikar för senare återgivning. Flikar sparas på ditt Google-konto.

WhatFont

Font design är en stor del av webbutveckling, varför tjänster som Google Web Fonts Hur använder du Google Fonts i ditt nästa webbprojekt och varför du borde använda Google Fonts i ditt nästa webbprojekt och varför du borde Font-val är en integrerat designbeslut på vilken webbplats som helst, men mest av tiden är vi nöjda med samma gamla serif och sans-serif-familj. Medan huvudtexten av texten alltid ska vara något ... Läs mer har blivit så populär. Den goda nyheten är att dessa fria teckensnitt nu är några av de vackraste webbsidorna Spruce Up Your Website med dessa 12 vackra Google-webbfonter Spruta upp din webbplats med dessa 12 vackra Google-webbfonter Under det senaste decenniet har jag startat ett nummer av personliga bloggar som jag aldrig riktigt följt med, men några av mina käraste minnen vilar på temat design och font tweaks. Det finns något som uppfyller när ... Läs mer tillgänglig för närvarande.

Men erkänn det: det finns tillfällen när du surfar på webben och du stöter på en fantastisk typsnitt som du aldrig sett tidigare. Det finns många sätt att identifiera det, men det snabbaste sättet är att använda WhatFont. Med det kan du bara inspektera teckensnitt svävar över dem. Hur kan det bli enklare?

Awesome Skärmdump [Ej längre tillgänglig]

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

Denna förlängning har flera fångstfunktioner, inklusive hela sidan, valt område eller synligt område. Det låter dig också lägga till kommentarer, suddiga känsliga delar av bilden och dela med ett enda klick. Eller ladda upp till din Google Drive istället.

Om konceptet intrigerar dig men du hellre vill använda ett kraftfullare skrivbordsprogram, kolla in den här skärmdumpens verktygs jämförelse 4 Bästa verktyg för att skapa skärmdumpar Jämfört 4 bästa verktyg för att skapa skärmdumpar Jämfört CTRL + SHIFT + 4. Tre nycklar - det är allt du behöver för perfekt skärmdumpar. Det behöver inte vara krångel! Prova dessa avancerade skärmfångningsverktyg och du kommer aldrig att se tillbaka. Läs mer och börja använda den som fungerar bäst för dig.

Kolla mina länkar

Massor av webbutvecklingsfel kommer att frustrera dina besökare, och brutna länkar är en av de värsta brottslingarna. En trasig länk kan vara okej, men mer än det och din webbplats börjar förlora trovärdighet och rykte. Lyckligtvis är detta ett lätt att undvika misstag.

Kolla mina länkar gör precis vad det lovar: det kontrollerar dina länkar. Giltiga länkar är markerade gröna medan brutna länkar är markerade röda och i slutet ger du en procentpoäng. Allt du behöver göra efteråt är att gå och reparera dessa länkar!

Vilka förlängningar använder du?

Ytterligare en förlängning för produktivitet 15 Kan inte-förlora Chrome-förlängningar för produktivitet 15 Kan inte missa Chrome-förlängningar för produktivitet Idag tar vi dig några ytterligare viktiga tillägg som är inriktade på att hjälpa dig att arbeta bättre online. Läs mer Jag skulle rekommendera är StayFocusd. Det är mer av en allmän ändamålsförlängning snarare än en webbutvecklingstillägg, men det är verkligen användbart oavsett. Det håller dig från att vara distraherad av webben medan du arbetar!

Vad tycker du om dessa? Finns det några andra viktiga webbutvecklingsutvidgningar som du rekommenderar? Dela med oss ​​i kommentarerna nedan!

Utforska mer om: Browser Extensions, Google Chrome.