40 Handige Google Chrome-extensies voor webontwerpers

Ik ben dol op Google Chrome. De eenvoud, snelheid en prestaties zijn ongetwijfeld top. Maar soms is te simpel zijn ook een probleem, vooral voor ons webontwerpers die sterk afhankelijk zijn van Firefox-add-ons zoals Web Developer. Ik liep weg van Chrome, ja, alleen omdat het geen add-on had in 2008.

Maar nu verandert alles weer. Het is geen verrassing dat andere nerds dezelfde liefde voor Chrome hebben en zij besloten om Chrome Extension te maken, die een soortgelijke functie heeft als Firefox Addon. Ik verdiepte me in die uitbreidingen en was erg tevreden voor hen, daarom besloot ik het op te nemen 40 extensies die zeer nuttig is voor webontwerpers en deel met jullie.

Dus hier zijn ze voor u, schakel uw Chrome in en verhoog uw productiviteit.

Kleur

Kleur kiezer

Net als de naam is ColorPicker een handige extensie die voornamelijk is gemaakt om de waarde van de kleur op te halen en overal vandaan te krijgen op de webpagina. Bovendien kunt u een gebied kiezen en vervolgens op het kleurenpalet klikken om te zien hoe de kleur van het gebied verandert zonder een code aan te raken.

Chrome-palet

Heeft u hoofdpijn bij het vinden van een kleurenschema uit de afbeelding? Het Chrome-palet lost uw probleem efficiënt op door maximaal 64 kleurenpaletten te maken op basis van de afbeelding van de website voor uw ontwerp- of inspiratiebehoeften.

Kleur Tweaker

Color Tweaker kan de kleur van de website aanpassen zoals Color Picker dat doet, maar dan met een meer specifieke methode. Voer gewoon de CSS-selector in op deze extensie en pas vervolgens de kleur van de tekst, achtergrond en randkleur aan uw wil aan.

Typografie

Font-editor

Nooit meer gissen en vermoeiend wisselen van programma's, met Font Editor kunt u lettertype-instellingen zoals formaat, lijnhoogte en variant levendig aanpassen en bekijken.

Google Font Previewer

Zoals aangegeven in de naam, biedt deze extensie u de mogelijkheid om een ​​voorbeeld van het lettertype in de Google Font Directory te bekijken met tekststijlopties die qua grootte, stijl, gewicht en schaduwen zijn. Als u tevreden bent met een bepaald lettertype, kunt u de link en de CSS-code in de extensie kopiëren en plakken in de code van uw website om het lettertype te gebruiken.

Ontwikkeling

Webontwikkelaar

Waarschijnlijk de must-have-extensie voor webontwerper en ontwikkelaar. Van het bekijken van scripts tot het weergeven van objectinformatie, Web-ontwikkelaar streeft ernaar om elk stukje informatie te leveren dat u van een bestaande website nodig heeft. De uitbreiding is ook bewapend met nuttige hulpmiddelen zoals kleurkiezer, venster-resizer, validator, enz.

Pendule

Lichtgewicht en handig hulpmiddel voor ontwikkelaars dat vergelijkbaar is met de webontwikkelaar, maar alleen is uitgerust met de benodigde hulpmiddelen zoals een stijlkijker, bronviewer en validator.

Firebug Lite

Anders dan in Firefox, biedt Firebug Lite een Firefox-achtige visuele weergave als het gaat om HTML-elementen, DOM-elementen en Box Model Sharing. Het biedt ook de mogelijkheid om HTML-elementen met uw muis te inspecteren en u kunt CSS-eigenschappen met deze extensie levendig bewerken.

Stylebot

Stylebot biedt u de mogelijkheid om elke website rechtstreeks te stylen zonder CSS-code aan te raken, waardoor u veel typewerk bespaart. De beste eigenschap van deze extensie is waarschijnlijk de mogelijkheid om CSS-code te genereren voor uw gebruik telkens wanneer u een wijziging in de website aanbrengt.

CSSViewer

Moe van het duwen van 'Inspect Element' elke keer dat je wilt weten welke CSS-stijl op een bepaald element wordt toegepast? CSS Viewer helpt je door essentiële informatie zoals het lettertype, de kleur en de plaatsing van het element levendig weer te geven.

Stijlblad Reloader

Herlaadt de CSS-stylesheet zonder de hele website te vernieuwen, waardoor uw wachttijd aanzienlijk wordt bespaard, vooral voor ontwerpers met een langzame internetverbinding.

BuiltWith Technology Profiler

Het coolste onderdeel van deze extensie is dat het elke geïmplementeerde webtechnologie, zoals frameworks en webstandaard, met zeer gedetailleerde informatie opsomt.

IE Tab Multi

IE Tab Multi is het meest vergelijkbaar met de originele Internet Explorer, IE is uw Internet Explorer in Chrome en ondersteunt tonnen IE's standaardfunctie zoals multi tabben.

Venster Resizer

Met Window Resizer kunt u de compatibiliteit van uw schermresolutie testen met standaard of door de gebruiker gedefinieerde schermresoluties.

HTML Validator

Een van de beste validatie-extensie die HTML-code van online of localhost-webpagina kan valideren in automatische of handmatige modus. U kunt er ook voor kiezen om het validatieresultaat op de webpagina weer te geven of het op een volledig nieuw tabblad te bekijken.

Zicht

Met verschillende thema- en lettertype-opties benadrukt Sight de broncode van de website in een meer visueel comfortabele vorm.

PHP-console

Wordt afgeluisterd door PHP erros maar weet niet wat en waar het is? PHP Console helpt u bij weergavefouten, uitzonderingen en foutopsporingsberichten in meldingsformulier.

JavaScript API Search

JavaScript API Search voegt ondersteuning toe aan de Chrome-omnibox of de zogeheten adresbalk om online naar JavaScript-functies te zoeken met de functie voor automatisch aanvullen. Als de extensie de functie waarnaar u zoekt niet kunt vinden, zal deze u verder gerelateerde zoekopdrachten van Google Codesearch, Development and Coding Search en de Mozilla Developer Network-zoekopdracht voorstellen.

jQuery API Search

Hoewel jQuery zich heeft bewezen als de leidende Javascript-bibliotheek die de gebruikerservaring verbetert, biedt jQuery API Search u de mogelijkheid om via jrquery-API vanuit Chrome-omnibox te zoeken. Typ gewoon 'jq' gevolgd door een spatie in de omnibox, dan ben je onderweg.

PHP Zoeken

Vergelijkbaar met jQuery API Search, voegt deze extensie ondersteuning toe aan uw Chrome-omnibox om te zoeken in PHP-code voor uw referentiegebruik.

produktiviteit

Blijf gefocust

Zwoeren om jezelf weg te houden van tijd verspillen website, maar nooit succesvol? Stay Focused fungeert als uw virtuele supervisor die tijdverspilling voor een bepaalde tijd blokkeert en u serieus raadt wanneer u probeert de blokkeringstijd voor de site te deblokkeren of te verminderen. Het is ook bewapend met cruciale functies zoals nucleaire optie en uitdagingsmodus die je tijd vernietigt en verlangens op een genadeloze manier verspilt.

PopChrom

Met PopChrom kunt u uw eigen snelkoppelingen voor tekstuitdrukkingen definiëren, zoals 'ty' voor 'dank u'. De activeringssleutel is nodig om de afkorting in de gedefinieerde tekstzinnen om te zetten, dus kies een toetscombinatie die niet crasht met een andere sneltoets.

Quickrr Productivity Kit

Quickrr Productivity Kit biedt u een bundel eenvoudige maar nuttige hulpmiddelen, zoals een vertaler, rekenmachine, taak-voor-doen, eenheidsconvertor, enz..

Todoist

Met een eenvoudig in te stellen account hebt u toegang tot deze taakbeheerder om elke taak die u moet uitvoeren op te tekenen en te bewerken. Het beste deel van deze extensie is dat uw taken online worden opgeslagen, zodat u toegang hebt tot de taakrecord op elk Chrome met deze extensie geïnstalleerd.

Ananke Timer

Volg uw tijd besteed aan een bepaalde taak, of noteer de tijd die u besteedt aan een bepaalde website. Ananke timer ondersteunt ook meerdere tijdregistratie en laat je bladeren door wat je in het verleden hebt gevolgd.

Chrome Toolbox

Chrome Toolbox is gemaakt door Google en biedt u aangepaste functies, zoals aanpassing van tabbladgedrag, herstel van formuliergegevens en het maken van snelkoppelingen waarmee vooraf gedefinieerde koppelingen vanuit de bladwijzermap worden gestart.

Chrome-pagina uitgebreid

Niemand houdt van meer klikken om toegang te krijgen tot bepaalde pagina's, Chrome Page Extended is uw snelste snelkoppeling om toegang te krijgen tot alle benodigde Chrome-pagina's zoals Extensions.

AppJump

Met AppJump kunt u de Chrome-toepassing organiseren en snel starten vanuit de browserwerkbalk.

Bladwijzerbalk Switcher

Te veel bladwijzers en niet om ze efficiënt te organiseren? Met Boorkmark Bar Switcher kunt u een gloednieuwe bladwijzerbalk maken en eenvoudig schakelen tussen deze balken.

TabCloud

Sla uw Windows-sessies op en herstel ze later op elke computer met TabCloud, waardoor u veel tijd bespaart om een ​​andere website dan een andere deel van de bladwijzermap opnieuw te openen.

resourcing

Vergelijkbare pagina's

Google, Similar Pages, is ontwikkeld door Google voor zoekmotoren en zoekt op internet naar vergelijkbare webinhoud die u leest en die geïnteresseerd is om meer te ontdekken.

Universeel zoeken

Resourcen of refereren is eenvoudiger met Universal Search, waardoor u een zoekvak krijgt met de optie om te zoeken op Wikipedia, Bing en andere zoekmachines. Het zoekvak wordt ook weergegeven wanneer u een tekst markeert op de website die u momenteel bekijkt.

Awesome Screenshot

Een absoluut geweldige screenshot-extensie die elk deel van de website vastlegt en annoteert met rechthoeken, cirkels, pijlen, lijnen en tekst. U kunt het screenshot dan exporteren in de PNG-bestandsindeling naar uw computer of internet.

Clip naar Evernote

Officiële uitbreiding door Evernote om uw ontdekking op het web vast te leggen en te noteren en vervolgens te uploaden naar Evernote. De extensie ondersteunt ook de functie om uw opgeslagen notitie te zoeken en te synchroniseren.

Diigo

Gebruik Diigo om privéberichten of aantekeningen openbaar te maken, te annoteren of te plaatsen op de webpagina, zodat u deze kunt bekijken wanneer u de webpagina bezoekt.

Thinkery

Denk Thinkery als uw online brein, bewaar vervolgens uw linkadres en tekstselectie erin om later te bekijken.

mijn notities

Het maken van notities moet een eenvoudig proces zijn en het is mogelijk met myNotes waarmee u geselecteerde tekst kunt markeren met slechts één klik op het contextmenu.

Microstock Power Search met foto's

Waarschijnlijk de enige extensie waarmee u op zoek bent naar hoogwaardige stockfoto's van beroemde bureaus zoals Fotolia, Dreamstime en Shutterstock.

Reflectie

Omdat Chrome-extensies en -toepassingen enorm blijven groeien en evolueren, is het mogelijk dat steeds meer liefhebbers van Firefox de Google Chrome als hun standaardwebbrowser zullen omarmen. Met dat gezegd zijnde, zal u uw gezicht keren naar Google Chrome met zijn huidige aantal extensies en applicaties? Wat is de extensie, applicatie of functie die u motiveert om naar Google Chrome te gaan?

Deel ons ook als u een mooie extensie in uw Chrome heeft, er is altijd ruimte voor geweldige tools!