Home-theater-designers
Chrome heeft onlangs een aandeel van 25% in de internetbrowsermarkt veroverd, waardoor het de op één na meest gebruikte browser ter wereld is na Internet Explorer (dat evolueert naar Project Spartan). Uiteindelijk betekent dit dat Chrome de de facto thuis voor webontwikkelaars.
Hoewel ik een voorliefde heb voor Firefox, kan ik begrijpen waarom mensen van Chrome houden. Het heeft de neiging om browserbenchmarks te domineren en het maakt het gemakkelijk voor gewone mensen om Chrome-hoofdgebruikers te worden. Anderen hebben een hekel aan Chrome, maar blijven het gebruiken vanwege de beschikbaarheid van bepaalde extensies.
Dat is een van de redenen waarom Chrome zo goed is voor webontwikkelaars: de Chrome webshop en de pool van uitbreidingen. Als u ooit van plan bent een website te ontwerpen of te coderen, zijn hier enkele essentiële hulpmiddelen die u meteen moet installeren.
KleurZilla
KleurZilla begon als een Firefox-add-on, maar werd zo populair dat velen om een Chrome-versie vroegen. Nu zijn we hier. Deze handige extensie is in feite een geavanceerde versie van de oogdruppelaar die je zou vinden in een programma als Paint of Photoshop.
Hiermee kun je naar elke plek in je browser wijzen en meteen de kleurinformatie op die plek ophalen. Eenmaal getrokken, kunt u het aanpassen (door RGB, HSV of rechte hex) voordat u het naar uw klembord kopieert. Uiterst eenvoudig in gebruik.
Het wordt ook geleverd met een CSS Gradient Generator, een Webpage Color Analyzer en een paar vooraf geïnstalleerde kleurenpaletten voor uw gemak.
Venstergrootte wijzigen
Een van de gevaren van de webontwikkelaar is ervoor te zorgen dat de kijkervaring van een website plezierig is voor gebruikers op alle soorten apparaten. We hebben het niet alleen over mobiel versus desktop -- wat: is belangrijk -- maar ook het verschil tussen kleine tablets en enorme monitoren.
Venstergrootte wijzigen is een gemakkelijke manier om het formaat van het browservenster in een oogwenk te wijzigen. 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 dienovereenkomstig aanpassen.
IE-tabblad
Een ander groot gevaar van de webontwikkelaar zijn de browserstandaarden (of het ontbreken daarvan). Internet Explorer, Firefox, Chrome, Opera en alle andere kleine browsers zullen websites op iets andere manieren weergeven. Ondertussen zijn sommige browsers langzamer om standaarden over te nemen dan andere.
Of in het geval van Internet Explorer worden standaarden uit het raam gegooid en worden webontwikkelaars ertoe aangezet hun haren uit te trekken terwijl ze gedwongen worden aanpassingen te maken.
Met IE-tabblad , wordt dit proces een klein beetje eenvoudiger gemaakt. Hiermee kunt u een website bekijken op een nieuw Chrome-tabblad, maar weergegeven zoals deze in IE zou verschijnen. Geen revolutionaire oplossing voor het probleem van IE, maar het is tenminste iets.
Geldigheid
Niet alle HTML-code is gelijk. Hoewel browsers een grote rol spelen bij het naleven van normen, rust een deel van de verantwoordelijkheid ook op de webontwikkelaar om goede HTML-praktijken te volgen. Daarom zijn er tools voor HTML testen en valideren .
Geldigheid is een extensie waarmee u dat allemaal kunt doen zonder dat u sites van derden hoeft te bezoeken. Open gewoon uw website, klik op de knop en alle ongeldige HTML-berichten worden weergegeven in de browserconsole. Validatie vindt plaats via de W3C Validation Service.
gebouwdMet
Een ding dat ik haat aan webontwikkeling is dat er zijn zo veel bibliotheken, frameworks en engines die beschikbaar zijn voor gebruik. Keuzevrijheid is geweldig, maar het is vervelend als het aantal technologieën zo groot wordt dat je ze niet allemaal kunt bijhouden.
Heb je ooit een website bezocht en je afgevraagd wat de achterliggende technologie is?
De gebouwdMet extensie is een enkele knop die de huidige webpagina analyseert om te zien alle van de webbibliotheken, frameworks en engines die het aandrijven, inclusief advertentienetwerken, contentdistributieplatforms en zelfs de hostingsoftware erachter.
Postman REST-client [niet meer beschikbaar]
Voor degenen onder u die met REST API's werken, Postbode is de enige tool die je nodig hebt voor een gestroomlijnde workflow. Hiermee kunt u HTTP-verzoeken maken en opgemaakte antwoorden krijgen in JSON en XML. Reacties worden als HTML in een apart venster geopend.
Je kunt ook meerdere verzoeken groeperen in iets dat een verzameling wordt genoemd, wat een geweldige manier is om georganiseerd en efficiënt te blijven. U kunt ook op meerdere omgevingen testen door omgevingsvariabelen direct in de extensie om te schakelen.
Bedrijfsverzekeringen
Een manier om opvultekst te genereren, is door 'asdf' honderd keer te kopiëren en te plakken. Een betere manier zou zijn om te installeren Bedrijfsverzekeringen en laat het in een oogwenk opvultekst voor u genereren.
We hebben al eerder verschillende Lorem Ipsum-generatoren behandeld, maar de aantrekkingskracht van Corporate Ipsum is dat het direct in uw browser zit. Je kunt het met een enkele klik op de knop omhoog trekken. 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 vindt soms plaats over meerdere machines. Hoewel bronbeheer voor ontwikkelaars de belangrijkste manier is om gesynchroniseerd en up-to-date te blijven, wat als u 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 worden gebruikt als sessiebesparing, zodat u een reeks tabbladen kunt opslaan om later opnieuw te bezoeken. Tabbladen worden opgeslagen in uw Google-account.
WatLettertype
Lettertypeontwerp is een groot onderdeel van webontwikkeling, daarom zijn services zoals Google Web Fonts zo populair geworden. Het goede nieuws is dat deze gratis lettertypen nu enkele van de mooiste weblettertypen zijn die momenteel beschikbaar zijn.
Maar geef toe: er zijn momenten waarop u op internet surft en 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 WatLettertype . Hiermee kunt u lettertypen eenvoudig inspecteren door: boven hen zweven . Hoe kan het eenvoudiger?
Geweldige screenshot [niet meer beschikbaar]
Als schermafbeeldingen geen deel uitmaken van uw normale routine voor webontwikkeling, Geweldige 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.
hoe u uw moederbord kunt achterhalen
Deze extensie heeft verschillende vastlegfuncties, waaronder volledige pagina, geselecteerd gebied of zichtbaar gebied. Het stelt u ook in staat om annotaties toe te voegen, gevoelige delen van de afbeelding te vervagen en te delen met een enkele klik. Of upload in plaats daarvan naar uw Google Drive.
Als het concept je intrigeert, maar je liever een krachtiger desktopprogramma gebruikt, bekijk dan deze screenshot-toolvergelijking en begin met het gebruik van degene die het beste voor je werkt.
Controleer Mijn Links
Veel fouten in de webontwikkeling zullen uw bezoekers frustreren, en gebroken links zijn een van de ergste overtreders. Eén gebroken link is misschien oké, maar meer dan dat en uw website begint geloofwaardigheid en reputatie te verliezen. Gelukkig is dit een gemakkelijk te vermijden fout.
Controleer Mijn Links doet precies wat het belooft: het controleert je links. Geldige links zijn groen gemarkeerd, gebroken links zijn rood gemarkeerd en aan het einde krijg je een percentagescore. Het enige wat je daarna hoeft te doen is die links gaan repareren!
Welke extensies gebruik je?
Nog een uitbreiding voor productiviteit die ik zou aanraden is: Blijf Gefocust . Het is meer een extensie voor algemene doeleinden dan een extensie voor webontwikkeling, maar het is hoe dan ook zeker nuttig. Het zorgt ervoor dat u niet wordt afgeleid door internet terwijl u werkt!
Wat vind je van deze? Zijn er nog andere essentiële extensies voor webontwikkeling die u zou aanbevelen? Deel met ons in de reacties hieronder!
Deel Deel Tweeten E-mail 15 Windows Command Prompt (CMD)-opdrachten die u moet kennenDe opdrachtprompt is nog steeds een krachtige Windows-tool. Hier zijn de handigste CMD-opdrachten die elke Windows-gebruiker moet kennen.
Lees volgende Gerelateerde onderwerpen- Browsers
- Google Chrome
- Browser-extensies
Joel Lee is de hoofdredacteur van MakeUseOf sinds 2018. Hij heeft een B.S. in computerwetenschappen en meer dan negen jaar professionele schrijf- en redactieervaring.
Meer van Joel LeeAbonneer op onze nieuwsbrief
Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!
Klik hier om je te abonneren