YtreeWebdesign10 Handige tools voor webdesigners

10 Handige tools voor webdesigners

10. Embed Responsively

Responsive web design (RWD) is tegenwoordig de standaard. Sommige media zoals Google maps, Youtube of Vimeo maken gebruik van een iframe. Iframe’s zijn niet responsive. Embed Responsively verhelpt dit probleem. Plak simpelweg het iframe van Google Maps of de url van het Youtube filmpje in het invul veld en Embed Responsively doet de rest.
Bezoek de website

 

9. Stylifyme

De tool op Stylifyme.com maakt het mogelijk om op een simpele manier een stijlen palet van een website te downloaden. Vul in het zoekveld het adres in van de desbetreffende website. Klik op de knop Sylify Me en voilla er word een overzicht getoond van alle kleuren ‘inclusief hexadecimale kleurcode’, lettertypes, en afbeelding groottes die op de website worden gebruikt.
Bezoek de website

 

8. Subtlepatterns

Tijdens de ontwerpfase kan het soms lastig zijn om te kiezen voor een bepaalde achtergrond. Met de bookmark plugin van Subtlepatters is dit probleem verleden tijd. De plugin biedt keuze uit meer dan 600 verschillende achtergronden die ‘on the fly’ kunnen worden aangepast. Bezoek de website

 

7. Placehold.it

Met behulp van Placehold.it is het mogelijk om een website in ontwikkeling snel te voorzien van dummy afbeeldingen. Kopieer de url en paste deze op een plek binnen je eigen project. Geef vervolgens de afbeeldings url de gewenste breedte en hoogte en placehold.it doet de rest. Bezoek de website

 

6. Guide Guide

GuideGuide in een handige plugin voor Photoshop. Met behulp van deze tool zorg je er voor dat je ontwerp altijd netjes is uitgelijnd. Ook kan de tool erg handig zijn bij het ontwerpen van een grid, lijst of thumbnail overzicht. Download guide guide

 

5. Hailpixel

Met hailpixel word een eigen kleurenpalet samenstellen wel erg makkelijk. Op de website kun je door te navigeren met de muis een kleur bepalen. Wanneer je klikt word deze kleur in hexadecimale, rgba en hsla waardes opgeslagen. Dit is niet alleen handig voor ontwerpers, ook ontwikkelaars kunnen op deze manier gemakkelijk kleuren toe voegen aan een CSS document. Ook een eigen kleurenpalet samenstellen ? Bezoek de website

 

4. Adobe Kuler

Met de tool van Adobe kuller is het mogelijk om een kleurenpalet verzameling op te bouwen. De website bied de mogelijkheid om zelf een kleurenpalet samen te stellen. Het is ook mogelijk om te zoeken naar kleurpaletten van andere gebruikers. Deze kunnen ook weer gemakkelijk toegevoegd worden aan je persoonlijke verzameling. Bekijk kuler op  Bezoek de website

 

3. Iconfinder

Iconfinder is een zoekmachice voor iconen. Op de website kun je zowel gratis als tegen betaling iconen in svg, png, ico, en icns formaat downloaden. Bezoek de website

 

2. Browserstack

Browserstack is een applicatie die het mogelijk maakt een website te testen in verschillende browsers/browserversies zonder aparte installatie van een virtual machine of browser. Safari, Chrome, Firefox en zelfs ie6 kunnen bekeken worden. Ook kun je testen op CSS, Javascript en Flash. Binnen de applicatie voer je de url van de website in en je ziet inscreen hoe de website word getoond. Naast browsers is het ook mogelijk om de website op verschillende mobiele toestellen te testen. Bekijk deze tool op Bezoek de website

 

1. Caniuse

Welke HTML5 en CSS3 tags kan ik gebruiken zonder me druk te maken om browser compatibility ? Caniuse geeft antwoord op deze vraag. Op de website kun je zoeken naar oude en nieuwe HTML/CSS tags. Het resultaat van de zoekopdracht word getoond in overzichtelijke tabel waarin is te zien welke browsers de tag ondersteunen. Bezoek de website

Een reactie plaatsen:

De volgende HTML tags and attributes zijn toegestaan: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*