15 Chrome-extensies voor webontwerpers en ontwikkelaars

Ik gebruik Google Chrome als mijn belangrijkste webbrowser. Waarom? Omdat het snel, gebruiksvriendelijk, betrouwbaar, veilig, gebruiksvriendelijk, in hoge mate aanpasbaar is en een eigen webwinkel heeft. Als u Google Chrome nog niet gebruikt, zou u dit ten zeerste moeten overwegen. Installeer het in ieder geval en probeer het een week of zo te gebruiken.



Als webdesigner of -ontwikkelaar zult u waarschijnlijk veel tijd besteden aan het werken met Chrome. Wat me het meest verbaast aan mensen die Chrome gebruiken, is dat ze geen gebruik maken van extensies.

Extensies zijn in feite aangepaste tools waarmee u Chrome optimaal kunt gebruiken. U kunt bijvoorbeeld schermafbeeldingen maken met een klik of een knop, websites delen met vrienden, uw muziek beheren, rangschikkingsinformatie over verschillende websites opvragen en nog veel meer.

De Chrome-winkel zit vol met extensies die uw productiviteit verhogen en uw algehele workflow verbeteren. U kunt dus net zo goed de tools gebruiken die er zijn om uw leven gemakkelijker te maken. Het beste is dat ze allemaal * gratis zijn!

Bekijk deze 15 Chrome-extensies die u kunnen helpen bij uw werk:

755 betekenis

Chrome-extensies

Inhoudsopgave

1. FireBug Lite

FireBug is een bekende FireFox-add-on die zijn weg heeft gevonden naar Chrome. Het is met name handig voor het opsporen van fouten in code. Het stelt u ook in staat JavaScript, HTML en CSS live te volgen voor elke webpagina.

Installeren

2. Wat lettertype

Met WhatFont kunnen ontwerpers ontdekken welk lettertype op een webpagina wordt gebruikt met een simpele zweeftekst. Je zou dit ook kunnen achterhalen door FireBug te gebruiken en de code te doorzoeken, maar deze extensie maakt het een stuk eenvoudiger.

Installeren

3. Chrome Sniffer

Heb je ooit naar een website gekeken en gedacht: 'Hoe is dit mogelijk?' Met Chrome Sniffer kunt u ontdekken hoe. Het kan u het raamwerk van de meeste websites vertellen. Het kan momenteel meer dan 100 frameworks detecteren.

Installeren

4. Code Cola

Met Code Cola kunnen gebruikers CSS visueel bewerken. Dit betekent dat gebruikers op een gedeelte van een webpagina kunnen klikken en de CSS gemakkelijk kunnen manipuleren. Dit kan ontwerpers mogelijk veel tijd besparen.

Installeren

5. ColorZilla

ColorZilla bevat een kleurenkiezer, een pipet en een gradiënt generator ​Er zijn ook enkele meer geavanceerde kleur tools ​U kunt de kleurkiezer gebruiken om de HTML-kleur van een deel van een webpagina te bepalen, en u kunt die kleur opslaan in een aangepast palet. Iedereen heeft een kleurenkiezer nodig, en ColorZilla is een van de beste.

Installeren

6. Tape

Tape is perfect voor ontwerpers die ervoor willen zorgen dat hun lay-out perfect is. U kunt de grootte van elementen eenvoudig bepalen door hulplijnen op te stellen die aansluiten op de inhoud van de pagina. U hoeft geen screenshots meer te maken om de afmetingen van elementen te bepalen.

Installeren

7. Oplossingsproef

Webontwerpers en ontwikkelaars moeten hun websites in verschillende resoluties uitproberen, maar wat is de beste manier om dit te doen? Met de Resolution Test-extensie voor Chrome kunnen gebruikers de grootte van het browservenster wijzigen om hun website in verschillende resoluties te bekijken. U kunt kiezen uit algemene schermresoluties of een aangepaste resolutie invoeren.

Installeren

8. Snelheidscontrole

Ben je ooit in de situatie geweest waarin je website langzaam laadt en je kon niet achterhalen waarom? Speed ​​Tracer kan helpen. Speed ​​Tracer kan problemen vinden die worden veroorzaakt door JavaScript, CSS, timerbranden en meer.

Installeren

9. lorem ipsum generator

Soms heeft u tekst nodig om een ​​pagina te vullen, zodat u een idee krijgt van hoe deze eruitziet als deze is gevuld. Lorem Ipsum Met Generator kunt u precies dat doen. U kunt kiezen hoeveel woorden u per alinea wilt hebben en ook hoeveel alinea's u wilt. Het vullen van uw website met inhoud is nog nooit zo eenvoudig geweest.

Installeren

10. Tabblad Internet Explorer

Wanneer u aan het ontwikkelen of ontwerpen bent, moet u uw website testen in verschillende browsers, waaronder Internet Explorer. Met het tabblad Internet Explorer kunt u uw website eenvoudig in IE bekijken via Chrome. Dat is een browser minder die u hoeft te openen.

Installeren

11. Alexa Traffic Rank

Als webontwikkelaar of -ontwerper bent u waarschijnlijk geïnteresseerd in hoeveel verkeer andere websites krijgen. De Alexa Met Traffic Rank kunt u zien hoeveel verkeer een website krijgt. Dit kan een interessante statistiek zijn om te observeren. U kunt het zelfs op uw eigen website gebruiken, ook al heeft u waarschijnlijk andere manieren om dit te bepalen.

Installeren

12. Microstock Photo Power Search Tool

Het zoeken naar stockfoto's kan tijdrovend en irritant zijn. Microstock Photo Power Search Tool maakt dit proces een stuk eenvoudiger. Met deze extensie kunt u door stockfoto's zoeken van de 5 beste beeldagentschappen, zoals Fotolia en Shutterstock.

Installeren

13. Palet voor Chrome

Palette voor Chrome is een leuke, handige tool voor webontwerpers. U kunt elke afbeelding selecteren en een kleurenpalet van dat beeld. U kunt paletten maken met 16, 24 of 32 kleuren. Als je een favoriete afbeelding hebt, kun je een kleurenpalet ervan en gebruik dat kleurenpalet bij het ontwerp van uw website.

Installeren

14. TooManyTabs

Tijdens het ontwikkelen van een website, kan het zijn dat u talloze browsertabbladen heeft geopend. TooManyTabs kan u helpen deze te beheren. Met deze Chrome-extensie kunt u een miniatuur van uw geopende tabbladen zien. Het is gemakkelijk om te vergeten dat u een bepaald tabblad open heeft staan, maar TooManyTabs kan u helpen het net zo gemakkelijk terug te vinden.

Installeren

15. Gewone kleding

Met PlainClothes kunt u een website bekijken in zwart en wit ​Dit kan u helpen fouten op websites te vinden of erachter te komen hoe dingen werken. Het is een handig hulpmiddel om zowel op uw eigen website als op andere websites te gebruiken.

Chrome heeft veel extensies voor webontwikkelaars en ontwerpers, die allemaal iets unieks bieden. De bovenstaande lijst bevat 15 tools die handig zijn voor de meeste webdesigners. Als u echter een specifieke behoefte heeft waaraan niet wordt voldaan door een bovenstaande extensie, kunt u de Chrome Web Store raadplegen om te zien of er een extensie voor u bestaat.

Deel Het Met Je Vrienden:

Laatste Nieuws

Populaire Artikels