Full Width Page Type Image

Tools

Tools

Op deze site kun je je website laten testen in verschillende browsers, en verschillende schermgrotes, altijd handig om te weten of je website goed werkt in verschillende browsers, en zo hoef je niet elke browser te installeren op je eigen computer. Ook kun je ideeen voor je ontwerpen opdoen in de showcase.

 

Browsershots.jpg

http://www.browsershots.org

contrast-ratio.jpg

http://juicystudio.com/services/luminositycontrastratio.php

Op deze site kun je laten analyseren of je wel genoeg contrast hebt op je website.
Bijna onmisbaar voor website bouwers... de firebug.Je kunt hier al je code mee bekijken, en realtime wijzigingen aanbrengen

firebug.jpg

https://addons.mozilla.org/en-US/firefox/addon/1843

vischeck.jpg

http://www.vischeck.com/vischeck/vischeckURL.php

Deze site simuleert hoe kleurenblinden een webpagina zien. Je kunt hier de meest voorkomende vormen van kleurenblindheid apart van elkaar testen.
Op deze site kun je ook het contast van je webpagina testen. Deze site zet heel je webpagina in zwart-wit.

graybit.jpg

http://graybit.com/main.php

contrastanalyser.jpg

http://www.stainlessvision.com/files/ColourContrastVisualiser.swf

Met deze tool kun je al in het ontwerpproces zorgen dat je genoeg contrast hebt op je webpagina. Dit doe je door de achtergrond en de tekstkleur van je pagina te kiezen.
Met deze tool kun je je website testen op een mobieltje. Ook laat deze tool de kosten zien die je kwijt bent, als je ernaartoe surft met je mobieltje.

mobiel.jpg

http://ready.mobi/launch.jsp?locale=en_EN

adobekuler.jpg

http://kuler.adobe.com/#create/fromacolor http://www.colorblender.com/ http://www.colorzilla.com/firefox/

Soms is het lastig om een mooi kleurenpalet te maken voor een website.Gelukkig kun je veel inspiratie opdoen op internet! Vul een kleur in en kijk welke kleuren daarbij passen.