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 extensies en was zeer tevreden met hen, daarom besloot ik om 40 extensies op te halen die zeer nuttig is voor webontwerpers en met jullie delen.

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 grootte, regelhoogte en variant levendig wijzigen 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 weer te geven met tekststijlopties die qua grootte, stijl, gewicht en schaduwen zijn. Als u tevreden bent met een bepaald lettertype, kunt u de koppeling 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, vensterherstellers, validator, enz.

Pendule

Lichtgewicht en handig hulpmiddel voor ontwikkelaars dat vergelijkbaar is met de webontwikkelaar, maar alleen is uitgerust met de benodigde hulpmiddelen zoals 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 gebruik elke keer dat u een wijziging in de website aanbrengt.

CSSViewer

Ben je het zat om voortdurend 'Inspect Element' te duwen als 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 de meest gelijkende van de oorspronkelijke 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 validatorextensies die HTML-code van online of localhost-webpagina kan valideren in de 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 JavaScript-functies online te zoeken met de functie voor automatisch aanvullen. Als de extensie de functie waarnaar u zoekt niet kan 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 zichzelf 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, en 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 met succes? 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 om te zetten in de gedefinieerde tekstzinnen, 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 kunt u toegang krijgen 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 u bladeren door wat u in het verleden hebt gevolgd.

Chrome Toolbox

Chrome Toolbox is gemaakt door Google en biedt u aangepaste functies, zoals het aanpassen van tabbladen, het herstellen 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, 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, waarmee u veel tijd bespaart om een ​​andere website dan de verschillende bladwijzermappen opnieuw te openen.

resourcing

Vergelijkbare pagina's

Ontwikkeld door Google-zoekmachinegigant, zoekt Google Zoeken 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 vangt en annoteert met rechthoeken, cirkels, pijlen, lijnen en tekst. U kunt vervolgens de schermafbeelding in de PNG-bestandsindeling exporteren 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 persoonlijke notities, aantekeningen of plakbriefjes privé of publiekelijk naar de webpagina te verplaatsen, zodat u deze kunt bekijken wanneer u de webpagina bereikt.

Thinkery

Denk aan Thinkery als uw online brein en sla vervolgens uw linkadres en tekstselectie op om later te bekijken.

mijn notities

Het nemen 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 makelaars zoals Fotolia, Dreamstime en Shutterstock.

Reflectie

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

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

Richting visuele inhoud: wat u moet weten

De visuele richting van inhoud is een minder vaak besproken, maar cruciaal aspect van hoogconverterend webontwerp. Elke bezoeker "haalt een nieuwe site" op bij het laden van de eerste pagina - of ze het bewust doen of niet.Esthetiek speelt wel een rol, maar het gaat meer om het algemene gevoel van het ontwerp

(Technische en ontwerptips)

Stripe Checkout - Web- en mobiele betalingen op de gemakkelijke manier

Als u zich verdiept in e-commerce en Stripe nog moet uitproberen, loopt u het risico op een van de gemakkelijkste manieren om online betalingen te ontvangen. Stripe zorgt voor het betaalproces zonder de noodzaak van complexe codering . Een tijdje terug heeft Stripe een gloednieuw betaalformulier uitgegeven: Afrekenen

(Technische en ontwerptips)