Bijna 20 Waardevolle Websites Voor Web Developers
Jonas Vets - 2009-08-27
Inspiratie
Om te zorgen dat je niet altijd websites in dezelfde stijl maakt is het belangrijk om regelmatig andere designs te bekijken. Je doet steeds een massa ideeën op voor je nieuw project.
Een goede bron voor inspiratie is Web Creme. Hun grote thumbnails zijn erg handig. Je ziet meteen of een website de moeite waard is om naar door te klikken. Helaas kan je niet efficiënt zoeken op soorten designs.
Bij Design Shak daarentegen kan je gemakkelijk website-ontwerpen sorteren op kleurpalet, layout, of thema. Zo zie je in een oogopslag wat de laatste trends zijn voor bijvoorbeeld fotografiewebsites.
Deze site licht elementen uit een design. Moet je een knop ontwerpen? Dan vind je hier alle soorten knoppen mooi bij elkaar. 404-pagina's, breadcrumbs, tags... je ziet onmiddellijk hoe andere websites het aanpakken.
Elke dag vind je hier een nieuwe geweldige Flash-website. Een onuitputtelijke bron van inspiratie voor Flash developers.
Collaboratie-tools
Samenwerken met medewerkers of klanten is niet eenvoudig. Volgende sites helpen je deze samenwerkingen vlotter te laten verlopen.
Klanten kunnen hun mening geven over je uitgewerkte website concepten. Zo moet je niet steeds een vergadering plannen en bespaar je tijd.
Hier is men meer gericht op het uitwisselen van meningen tussen medewerkers enerzijds en medewerkers en klanten anderzijds.
Springloops biedt een manier om gezamelijk aan code te werken. Er kan makkelijk opgevraagd worden hoe ver iedereen staat met zijn projecten.
Testen
Je websites compatibel maken met Internet Explorer, daar kan je heel wat tijd in stoppen. Gelukkig zijn er een aantal hulpmiddelen.
Heeft een browser een marktaandeel van 0,01%? Dan kan je op browsershots wel testen hoe je website er op uit ziet! Dat is de sterkte van deze tool, de zwaktes zijn dat het vrij traag gaat en de afbeeldingen soms niet perfect zijn.
Een handig stukje software om snel te testen hoe je site er uit ziet in verschillende versies van Internet Explorer.
Feedback
Weet je niet goed hoe je je site nog kan verbeteren? Of wil je feedback over de gebruiksvriendelijkheid. Vraag het dan even aan andere developers.
Laat andere designers je werk beoordelen. En ook al ziet je site er fantastisch uit, dan nog krijg je waardevolle tips en advies om hem nog beter te maken.
Echte usability tests zijn duur. Maar met deze gratis tests kan je ook al heel wat te weten komen over hoe gebruikers jouw website zien. Upload een screenshot van je project en laat mensen klikken op elementen die in het oog springen of vraag om algemene indrukken.
Op verschillende fora kan je ook om reviews vragen. Sitepoint is hier een van de betere.
Web Traffic Visualisatie
Google Analytics is een geweldige tool. Maar soms wil je meer...
Met enkele lijnen javascript kan je een soort heatmaps genereren waarop je kan zien waar je bezoekers vaak klikken. Handig als je een redesign van je website doet om te vergelijken met je oude heatmaps.
Vergelijkbaare heatmaps krijg je met Clickheat, een open source script om op je eigen server te installeren.
Meer geavanceerde analyses kan je verkrijgen bij Clicktale. Hier kan je volledige filmpjes opvragen van anonieme bezoekers en zien hoe zij je site gebruiken. Ook erg handig om weten is waar je bezoekers twijfelen bij het invullen van een formulier of het aanklikken van een link.
En nog eentje om het af te leren: Clickdensity biedt ook heat maps, A/B split testing. Verbeter je landingpagina's en verhoog je ROI.
Plugins
De meeste web developers zullen deze plugins al wel gebruiken. Maar voor wie ze nog niet kent: ASAP installeren!
De handigste feature van deze Firefox-plugin is wel dat je vanuit je browser HTML en CSS kan aanpassen en meteen het resultaat ziet.
Misschien nog populairder dan de web development toolbar. Er bestaat zelfs een hele reeks plugins die gebruik maken van Firebug.
Yslow is er zo een. Met deze plugin van Yahoo! kan je gemakkelijk analyseren hoe snel je website is en waar je verbeteringen kan aanbrengen.
