Om uit te proberen

Een lijst met web-gerelateerde tips:

Linkjes

Gebruik Neil Patel’s backlink checker om te zien wie naar je website linkt.

Verbroken linkjes op je website zijn heel irritant, vooral omdat ze zich zo goed kunnen verstoppen. Gebruik de Broken link checker om ze allemaal op te sporen.

Kleur

Wil je controleren of het contrast tussen tekst en achtergondkleur op je website groot genoeg is om leesbaar te zijn? Kontrast is een mooie tool met Firefox and Chrome extensies.

Illustraties

Als je plaatjes en foto’s moet maken voor gebruik bij online promotie, is hotpot misschien wel fijner in gebruik dan Photoshop. Je begint met het kiezen van een template uit een van hun categorieën en die kun je vervolgens meteen daar bewerken. Je moet $1 betalen om je plaatje te downloaden als je er klaar mee bent, maar dat is uiteindelijk een stuk goedkoper dan Photoshop is, en kost je minder tijd. Kijk eens naar wat ze bieden. Misschien zit er wat tussen. Het plaatje met de blauwe sinsaasappel is van myhotpot.io.

Voor gratis illustraties van mensen, kijk eens op Humaaans.

Heb je SVG illustraties nodig? Ga eens naar unDraw.

Zelfs als je veel ervaring hebt in Photoshop of Affinity Photo, het verwijderen van een achtergrond uit een foto is altijd arbeidsintensief. Deze web applicatie is niet onfeilbaar en je moet er misschien even mee spelen maar removebg kan het proces vereenvoudigen. Je kunt het 50 keer gratis proberen, per maand, dus zeker de moeite van het uitproberen waard.

Kleine schermen

Je kunt in je browser testen of je website er goed uitziet op smallere schermen, vooral Firefox en Chrome zijn daar de Responsinator is een leuke tool die je ook eens kan uitproberen.

Compressie: plaatjes zo licht mogelijk maken

Voor bezoekers van je website is het goed als de plaatjes die er op te zien zijn zo licht mogelijk zijn, zodat ze zo snel mogelijk laden. Groot (b x h in px) mag nog wel, maar niet te zwaar (gewicht in kb), zeker voor mensen die via een mobiel netwerk op een mobiele telefoon kijken. Daar zijn handige gereedschapjes voor en een daarvan is deze online variant met een vriendelijke panda:

Als je een plaatje hebt dat je eigenlijk niet kleiner wilt maken, maar wel lichter,
kun je voor JPEG/JPG tinyjpg.com gebruiken
en voor PNG tinypng.com

De ene keer zal het meer schelen dan de andere keer, maar tegenwoordig gebruik ik deze service bijna altijd.

Goede online photo bewerker

en je kunt er ook eenvoudige tekeningen mee maken:
http://www.sumopaint.com/start/
Ik vind hem gebruiksvriendelijker dan http://www.photoshop.com
Een beetje vreemd is dat wel en ik denk dat het afhangt van waar je aan gewend bent.
Sumpopaint is erg vergelijkbaar met de volle desktop versie van Photoshop en photoshop.com is meer een soort fancy Microsoft Office Picture Manager (hoewel ik die ook nog makkelijker in gebruik vind dan photoshop.com) of iPhoto (wat ik persoonlijk net zo gebruiksonvriendelijk vind als photoshop.com – maar fancy zijn ze allebei wel).

“continuous scrolling” plaatjes

Ohhet is verschrikkelijk! En ik vind het heerlijk. Ik gebruik het zelfs in een geval als back-up voor mensen die hun JavaScript uit hebben staan:
De HTML marquee-element!
http://www.quackit.com/html/codes/scrolling_images.cfm

Ook leuk, hoewel om bijna tegenovergestelde redenen, een CSS3 en HTML gallerij:
http://designshack.net/articles/css/infinitephotobanner/
(Ik vind de mijne ook leuk maar er zit geen scroll in, alleen een overlay:  http://your.blindeman.com/portfolio/)

Deze is zoet, eenvoudig en degelijk:
http://www.huntingground.freeserve.co.uk/main/mainfram.htm?../imagery/imgscroll3h.htm

En zelfs een jquery gallerij die ik leuk vind:
http://www.smoothdivscroll.com