Bouw het op 11 briljante Chrome-uitbreidingen voor webontwikkelaars

Chrome heeft onlangs een aandeel van 25% in de internetbrowsermarkt veroverd, waardoor het de op een na meest gebruikte browser ter wereld is achter Internet Explorer (die evolueert naar Project Spartan Project Spartan: een lean and unfinished browser voor het moderne webproject Spartan: een magere en onvoltooide browser voor het moderne web Spartan gaat het gevecht aan met browserconcurrenten zoals Chrome en Firefox. Zal het de idealen van Spartaanse soldaten waarmaken? We hebben deze eerste versie op de proef gesteld en waren niet onder de indruk. ). Uiteindelijk betekent dit dat Chrome de de facto thuis voor webontwikkelaars.

Hoewel ik een voorkeur heb voor Firefox, kan ik begrijpen waarom mensen van Chrome houden. Het heeft de neiging browser-benchmarks te domineren Browser Wars: Firefox versus Chrome versus Opera, de definitieve benchmark Browser Wars: Firefox versus Chrome versus Opera, de definitieve benchmark Als je maar één browser kon kiezen, welke zou dat dan zijn? Wat is het beste: Firefox, Chrome of Opera? We zullen het je laten zien. Lees meer en het maakt het gemakkelijk voor gewone mensen om Chrome-krachtgebruikers te worden. Hoe maak je een Chrome Power-gebruiker, deel 1 - Leer hoe je een Chrome Power-gebruiker kunt worden, deel 1 - Leer het toetsenbord kennen Google Chrome is al een tijdje bezig de browser van keuze voor velen en hoewel de meerderheid van onze webbrowser behoorlijk indrukwekkende dingen kan doen, is Chrome doorgegaan met het wegrukken van krachtige gebruikers, ... Lees meer. Anderen hebben een hekel aan Chrome, maar zitten ermee vast. Ik haat Google Chrome, maar ik zit erin vast. Hier is waarom ik Google Chrome haat, maar ik zit erin vast. Dit is de reden waarom ik in de strijd tussen Chrome en Firefox partij kies bij de Google-gebruikers. Maar ik wil het niet. Chrome is mijn browser van keuze omdat het functies heeft waar ik niet zonder kan. Meer lezen vanwege de beschikbaarheid van bepaalde extensies.

Dat is een reden waarom Chrome zo goed is voor webontwikkelaars: de Chrome Web Store Hoe veilig is de Chrome Web Store eigenlijk? Hoe veilig is de Chrome Web Store eigenlijk? Uit een door Google gefinancierd onderzoek is gebleken dat tientallen miljoenen Chrome-gebruikers add-ons hebben waarin malware is geïnstalleerd die 5% van het totale Google-verkeer vertegenwoordigt. Ben jij een van deze mensen, en wat zou je moeten doen? Lees meer en zijn verzameling extensies. Als u ooit van plan bent een website te ontwerpen of te coderen, zijn hier enkele essentiële hulpmiddelen die u meteen moet installeren.

ColorZilla

ColorZilla begon als een Firefox-add-on, maar het werd zo populair dat velen om een ​​Chrome-versie vroegen. Nu zijn we hier. Deze handige extensie is eigenlijk een geavanceerde versie van de pipet voor oogdruppels die je in een programma als Paint of Photoshop zou vinden.

Hiermee kun je naar elke plek in je browser wijzen en meteen de kleurgegevens ophalen. Eenmaal getrokken, kunt u deze tweaken (via RGB, HSV of rechte hex) voordat u deze kopieert naar uw klembord. Zeer eenvoudig te gebruiken.

Het wordt ook geleverd met een CSS Gradient Generator, een Webpagina Color Analyzer en een paar vooraf geïnstalleerde kleurenpaletten voor uw gemak.

Venster Resizer

Een van de gevaren van de webontwikkelaar is ervoor te zorgen dat de kijkervaring van een website plezierig is voor gebruikers op allerlei verschillende apparaten. We hebben het niet alleen over mobiel versus desktop - wat is belangrijk - maar ook het verschil tussen kleine tablets en massieve monitoren.

Venster Resizer is een eenvoudige manier om de grootte van het browservenster tijdens het vliegen aan te passen. Met één klik op de knop kunt u uw website in verschillende resoluties testen om te zien wat uw gebruikers zien - en vervolgens kunt u deze aanpassen.

IE Tab

Een ander groot gevaar van de webontwikkelaar zijn browsernormen (of het gebrek daaraan). Internet Explorer, Firefox, Chrome, Opera en alle andere kleinere browsers zullen websites op enigszins verschillende manieren weergeven. Ondertussen zijn sommige browsers langzamer om standaarden te gebruiken dan andere.

Of in het geval van Internet Explorer, worden normen uit het venster gegooid en zijn webontwikkelaars gedreven om hun haar uit te trekken omdat ze gedwongen worden om aanpassingen te maken.

Met IE Tab, dit proces is een klein beetje eenvoudiger geworden. Hiermee kunt u een website bekijken op een nieuw Chrome-tabblad, maar weergegeven zoals in IE. Geen revolutionaire oplossing voor het probleem van IE, maar het is tenminste iets.

deugdelijkheid

Niet alle HTML-codes zijn gelijk. Hoewel browsers een grote rol spelen bij de naleving van standaarden, rust een deel van de verantwoordelijkheid ook op de webontwikkelaar om goede HTML-praktijken te volgen. Daarom zijn er tools beschikbaar voor het testen en valideren van HTML 5 Beste gratis online HTML-editors om je code te testen 5 Beste gratis online HTML-editors om je code te testen Voor tijden dat je alleen maar wilt rondslummelen met een klein HTML-fragment, zodat je kunt aanpassen aan uw wensen, een online HTML-editor zal u beter van dienst zijn. Lees verder .

deugdelijkheid is een extensie waarmee u dat allemaal kunt doen zonder sites van derden te bezoeken. Open uw website, klik op de knop en alle ongeldige HTML-berichten worden weergegeven in de browserconsole. Validatie gebeurt via de W3C-valideringsservice.

BuiltWith

Een ding dat ik haat over webontwikkeling is dat er zijn zo veel bibliotheken, frameworks en engines beschikbaar voor gebruik. Keuzevrijheid is geweldig, maar het is vervelend wanneer het aantal technologieën zo groot wordt dat je ze niet bij kunt houden.

Heeft u ooit een website bezocht en vroeg u zich af wat de onderliggende technologie is??

De BuiltWith extensie is een enkele knop die de huidige webpagina analyseert om te zien allemaal van de webbibliotheken, frameworks en engines die ervoor zorgen, inclusief advertentienetwerken, contentdistributieplatforms en zelfs de hosting-software erachter.

Postman REST Client [niet meer beschikbaar]

Voor degenen onder u die werken met REST-API's, Postbode is de enige tool die u nodig hebt voor een gestroomlijnde workflow. Hiermee kunt u HTTP-aanvragen samenstellen en antwoorden op indelingen in JSON en XML. Reacties worden in een apart venster geopend als HTML.

Je kunt ook meerdere verzoeken groeperen in een verzameling, een geweldige manier om georganiseerd en efficiënt te blijven. U kunt ook testen op meerdere omgevingen door omgevingsvariabelen direct in de extensie om te schakelen.

Zakelijk Ipsum

Een manier om filler-tekst te genereren is kopiëren en plakken “asdf” keer op keer honderd keer. Een betere manier zou zijn om te installeren Zakelijk Ipsum en laat het in één oogopslag vultekst voor u genereren.

We hebben een aantal Lorem Ipsum-generatoren behandeld 10 handige alternatieven als je moe bent van de gebruikelijke Lorem Ipsum Filler-teksten 10 handige alternatieven als je moe bent van de gebruikelijke Lorem Ipsum Filler-teksten Webontwerpers hebben waarschijnlijk een kitty van Lorem Ipsum-tools die dichtbij zijn opgeslagen. handig voor hun webontwikkelingswerk. Lorem Ipsum-generatoren zijn er in verschillende vormen; sommigen van hen maken het aanpassen van de dummy-tekst mogelijk ... Lees meer voor, maar de aantrekkingskracht van Corporate Ipsum is dat deze zich in uw browser bevindt. Je kunt het met één klik op de knop optillen. Er is geen reden om het niet te gebruiken, als je het mij vraagt. Nu kunt u teruggaan naar het daadwerkelijk coderen van uw website!

TabCloud

Webontwikkeling komt soms voor op meerdere machines. Terwijl bronbeheer voor ontwikkelaars Wat is Git en waarom u versiebeheersing moet gebruiken als u een ontwikkelaar bent Wat is Git en waarom u versiebeheersing zou moeten gebruiken als u een ontwikkelaar bent Als webontwikkelaars, werken wij vaak vaak op lokale ontwikkelsites upload dan gewoon alles wanneer we klaar zijn. Dit is prima als je alleen bent en de wijzigingen klein zijn, ... Meer lezen is de belangrijkste manier om gesynchroniseerd en up-to-date te blijven, wat als je meerdere tabbladen over computers wilt overbrengen? Dat is waar TabCloud komt binnen.

TabCloud synchroniseert uw tabbladen met de cloud, zodat u ze elders opnieuw kunt openen. Het kan ook lokaal als sessiesaver worden gebruikt, waardoor u een aantal tabbladen kunt opslaan om later opnieuw te kunnen bekijken. Tabbladen worden opgeslagen in uw Google-account.

WhatFont

Ontwerp van lettertypen is een groot onderdeel van webontwikkeling. Daarom zijn services zoals Google Web Fonts van toepassing. Gebruik Google-lettertypen in uw volgende webproject en waarom zou u Google-lettertypen moeten gebruiken in uw volgende webproject? Waarom u een lettertype moet kiezen integraal ontwerpbesluit op elke website, maar meestal zijn we tevreden met dezelfde oude schreef- en schreefloze familie. Hoewel het hoofdgedeelte van de tekst altijd iets moet zijn ... zijn Lees meer zo populair geworden. Het goede nieuws is dat deze gratis lettertypen nu een van de mooiste weblettertypen zijn. Spruce Up Uw website met deze 12 prachtige Google-weblettertypen Verfraai uw website met deze 12 prachtige Google-weblettertypen In het afgelopen decennium heb ik een nummer gestart van persoonlijke blogs die ik nooit echt heb gevolgd, maar sommige van mijn dierbaarste herinneringen liggen op het themaontwerp en lettertype-tweaks. Er is iets dat voldoet als ... Lees meer momenteel beschikbaar.

Maar geef het toe: er zijn momenten waarop u op het web surft en u een verbluffend lettertype tegenkomt dat u nog nooit eerder hebt gezien. Er zijn tal van manieren om het te identificeren, maar de snelste manier is om te gebruiken WhatFont. Hiermee kunt u eenvoudig lettertypen inspecteren erover zweven. Hoe kan het eenvoudiger zijn?

Awesome Screenshot [niet langer beschikbaar]

Als schermafbeeldingen geen deel uitmaken van uw normale webontwikkelingsroutine, Awesome Screenshot zal helpen om dat te veranderen. Schermafbeeldingen zijn geweldig voor het documenteren van wijzigingen in het ontwerp en het delen van onderhanden werk met uw klant of teamleden.

Deze extensie heeft verschillende opnamefuncties, inclusief volledige pagina, geselecteerd gebied of zichtbaar gebied. U kunt ook annotaties toevoegen, gevoelige gedeelten van de afbeelding vervagen en delen met een enkele klik. Of upload in plaats daarvan naar uw Google Drive.

Als het concept u intrigeert, maar u liever een krachtiger desktop-programma gebruikt, bekijk dan deze vergelijking van screenshot-hulpprogramma's. 4 Beste tools voor het maken van screenshots vergeleken 4 beste tools voor het maken van screenshots vergeleken CTRL + SHIFT + 4. Drie toetsen - meer heeft u niet nodig voor perfecte screenshots. Het hoeft geen gedoe te zijn! Probeer deze geavanceerde schermopnametools en je zult nooit meer terugkijken. Lees Meer en begin degene te gebruiken die het beste bij u past.

Controleer mijn links

Veel fouten in de webontwikkeling zullen uw bezoekers frustreren en verbroken koppelingen zijn een van de ergste overtreders. Een verbroken link is misschien goed, maar meer dan dat en uw website begint zijn geloofwaardigheid en reputatie te verliezen. Gelukkig is dit een gemakkelijk te voorkomen fout.

Controleer mijn links doet precies wat het belooft: het controleert uw links. Geldige links zijn groen gemarkeerd, terwijl gebroken links rood gemarkeerd zijn en aan het einde geeft het een percentage score. Het enige dat u achteraf hoeft te doen, is die links gaan repareren!

Welke extensies gebruik je?

Nog een uitbreiding voor productiviteit 15 MISChrome uitbreidingen voor productiviteit niet onwaar 15 Machtig Chrome-uitbreidingen voor productiviteit ontbreken Vandaag brengen we u een paar meer essentiële uitbreidingen die zijn bedoeld om u te helpen beter online te werken. Meer lezen Ik raad aan StayFocusd te gebruiken. Het is eerder een extensie voor algemene doeleinden dan een extensie voor webontwikkeling, maar het is zeker nuttig, ongeacht. Het zorgt ervoor dat je niet wordt afgeleid door het web terwijl je werkt!

Wat denk je hiervan? Zijn er nog andere essentiële webontwikkelingsextensies die u zou aanbevelen? Deel met ons in de reacties hieronder!

Meer informatie over: Browser-extensies, Google Chrome.