Home-theater-designers
Wat is de software die u als webdesigner absoluut op uw computer moet hebben staan? De kans is groot dat het Photoshop en Illustrator is. En hoewel dit de essentie van uw ontwerpworkflow is, zijn er kleinere tools waarvan u waarschijnlijk niet weet dat u ze nodig hebt.
Het beste is dat u ze niet eens hoeft te downloaden --- installeer gewoon deze Chrome-extensies en u kunt aan de slag. Van het identificeren van lettertypen op pagina's tot het meten van afstanden tussen webelementen, deze Chrome-extensies voor webdesign maken uw leven gemakkelijker.
1. Dropbox voor Gmail
Dropbox begon als een service voor het hosten van bestanden, maar ontdekte al snel dat het grootste publiek ontwerpers zijn, die de service gebruiken om hun werk met collega's te delen. Omdat ontwerpbestanden vaak te groot zijn voor e-mailbijlagen, is het gemakkelijker om een Dropbox-link naar het bestand te sturen.
Dropbox voor Gmail maakt het proces nog handiger. Wanneer je naar je bestand linkt met een Dropbox-knop onder aan het nieuwe e-mailvenster, krijgt de ontvanger een voorproefje van wat je verzendt. Links naar afbeeldingsbestanden zullen de afbeeldingen rechtstreeks naar de e-mail uploaden, en links naar andere soorten bestanden zullen een handig voorbeeld genereren.
Installeren: Dropbox voor Gmail
2. FontFace Ninja
Met duizenden beschikbare lettertypen zijn uw typografische mogelijkheden eindeloos. Vooral als je een mooi lettertype kunt identificeren dat je ergens ziet en het leent voor je eigen project.
FontFace Ninja is een Chrome-extensie die u daarbij helpt. Net als de tools die lettertypen van afbeeldingen vinden het helpt u de lettertypen te identificeren die u online ziet. Het enige verschil is dat FontFace Ninja de lettertypen leest die in de CSS van de pagina zijn gecodeerd, zoals het lettertype van koppen en hoofdtekst.
Wanneer u FontFace Ninja start, toont het u de informatie over het lettertype waarnaar u het verwijst --- en niet alleen het lettertype, maar ook het gewicht, de grootte, hoogte, breedte en kleur. Om dat lettertype te bookmarken, heb je een account nodig bij de zusterservice, FontFace Dojo .
Installeren: FontFace Ninja
3. ColorPick-pipet
Het maakt niet uit hoe goed je oog voor kleur hebt, het is moeilijk om een bepaalde tint die je online hebt gezien opnieuw te creëren, tenzij je de RGB- of HTML-waarden kent. Gelukkig hoef je niet te raden of je ColorPick Eyedropper hebt.
Leuk vinden de beste kleurkiezer-apps voor Mac , laat ColorPick Eyedropper u de waarden zien voor elke kleur waarnaar u wijst. Het verschil is dat het altijd aanwezig is in uw browser en u niets hoeft te uploaden --- klik gewoon op het pictogram en verplaats het doel naar de juiste plek.
De extensie leest kleuren uit tekst, afbeeldingen en vrijwel alles wat u op een webpagina ziet (zelfs de advertenties). Zodra u een kleur vastlegt, worden de HTML-, RGB- en HSL-waarden ervoor weergegeven.
Installeren: ColorPick Pipet
4. Afmetingen
Deze open-sourceextensie is een vondst voor webontwerpers, vooral als u eenmalige optredens doet voor kleine bedrijven. Als een klant je een website geeft zonder eerdere bestanden of documentatie en je vraagt om 'een pagina als deze te ontwerpen, maar met andere tekst en afbeeldingen', is het lastig om de lay-out uit te zoeken.
kun je fortnite spelen zonder xbox live
Met Afmetingen kunt u eenvoudig de hoogte en breedte van elk element op de pagina meten, evenals de marges ertussen. Dat maakt het gemakkelijk om bestaande pagina's opnieuw te maken en uw eigen ontwerpen dubbel te controleren nadat ze in productie zijn gegaan.
Installeren: Dimensies
5. Visuele inspecteur:
Visual Inspector is een krachtige feedback- en samenwerkingstool voor ontwerpteams, die de functies van de vorige drie extensies combineert en nog meer toevoegt.
In de Inspecteren tabblad, kunt u elk element op de pagina kiezen om er volledige informatie over te krijgen, van afmetingen tot de bestandsnaam. De Kleuren en Typografie subtabbladen laten u het kleurenpalet en alle lettertypen in één oogopslag zien, terwijl Middelen verzamelt alle afbeeldingen op de pagina op één plek.
De Samenwerken tab is waar u feedback kunt geven en discussies kunt voeren met uw team, en het is gemakkelijk om een opmerking achter te laten door op een element op de pagina te klikken.
netflix we hebben problemen met het spelen van deze titel
Zoals de meeste geavanceerde tools, heeft Visual Inspector een prijskaartje: je moet betalen vanaf $ 9/gebruiker/maand om opmerkingen toe te voegen en wijzigingen te synchroniseren. De basisfuncties, zoals het inspecteren van kleuren, lettertypen en afbeeldingen, zijn echter gratis te gebruiken.
Installeren: visuele inspecteur
6. Eenvoudige schermopname
Een extensie voor schermopname lijkt misschien overbodig, aangezien het maken van een screenshot op Mac een fluitje van een cent is, en uw scherm vastleggen op Windows is alleen wat meer gedoe. Maar Easy Screen Capture heeft nogal wat verkoopargumenten.
Het belangrijkste is dat u de hele webpagina kunt vastleggen, niet alleen het gebied dat u op uw scherm ziet. Dat is van onschatbare waarde als je verschillende problemen op een lange pagina moet melden, en als je ze allemaal wilt vastleggen, zijn er drie tot vier screenshots nodig.
Een andere handige truc is dat je de schermafbeelding naar het klembord kunt kopiëren en rechtstreeks in een chat of e-mail kunt plakken, in plaats van nutteloze afbeeldingsbestanden op je computer te hamsteren.
Installeren: Eenvoudige schermopname
7. IJzig 2
Ten slotte is er één cruciale taak waar je elke ochtend mee te maken hebt: de restjes slaap van je afschudden en in het ritme komen. Muzli 2 van InVision zal dienen als uw ochtendkrant met samengestelde artikelen over kunst, design, UX en technologie.
Muzli vervangt uw standaard Chrome-tabblad en stelt u in staat om aan te passen wat u daar ziet. Afhankelijk van je interesses kiest Muzli feeds voor je, met websites variërend van Dribble en Behance tot 99designs en Creative Bloq. Genoeg inspiratie om doorheen te scrollen terwijl je aan je eerste koffie nipt!
Als je denkt dat een heel browsertabblad vol met ontwerpinhoud te intens is, heeft Muzli ook een Lite-versie. Het zal uw standaardtabblad niet overschrijven en u kunt de feed openen wanneer u maar wilt door op het extensiepictogram te klikken.
Installeren: IJzig 2
Krijg Chrome-extensies voor al uw ontwerptaken
De Chrome-extensies op deze lijst zijn geen partij voor uw ontwerpsoftware, maar ze dekken alle kleine dingen die komen kijken bij het zijn van een ontwerper --- of het nu typografische informatie is of samenwerken met uw collega's.
Zodra u zich realiseert dat de Chrome Web Store boordevol tools staat, kan het moeilijk zijn om te stoppen met het toevoegen van nieuwe. Dus leer hoe u uw Chrome-extensies beheert voordat ze uit de hand lopen.
Deel Deel Tweeten E-mail Is het de moeite waard om te upgraden naar Windows 11?Windows is opnieuw ontworpen. Maar is dat genoeg om u te overtuigen om over te stappen van Windows 10 naar Windows 11?
Lees volgende Gerelateerde onderwerpen- internet
- Creatief
- Google Chrome
- Webdesign
- Browser-extensies
Alice is een technologieschrijver met een zwak voor Apple-technologie. Ze schrijft al een tijdje over Mac en iPhone en is gefascineerd door de manier waarop technologie creativiteit, cultuur en reizen hervormt.
Meer van Alice KotlyarenkoAbonneer op onze nieuwsbrief
Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!
Klik hier om je te abonneren