tool

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.

Van 0 tot 255

Een handig gereedschapje om met kleuren te werken: 0to255.com/
Deze is niet zozeer om een tegenovergestelde of complementaire kleur te vinden, maar juist nuances van dezelfde kleur.

 

Sizzy: hoe mobielvriendelijk is jouw website?

Wil je weten of jouw website mobielvriendelijk is? En zo ja, werkt het alleen op iPhone of ook op iPad of Android? En zo niet, hoe erg is het? wat valt er wel of niet te zien? Als je meer wilt weten kun je eens kijken op sizzy.co. Een website blijft altijd een beetje anders dan op een echt telefoontje of op een echte tablet, maar het geeft een behoorlijk betrouwbaar beeld.

Dus ga naar sizzy.co, type het adres in van je website in de balk midden op de pagina, et viola!

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.

Controle over je WordPress widgets

Soms heb je een widget in WordPress alleen op een bepaalde pagina nodig en nergens anders, of je wilt ‘m juist widget overal behalve op de contactpagina, om maar wat te noemen en het thema dat je gebruikt heeft geen aparte sidebars.
Gebeurt regelmatig, en dan moet je iets.
Dit zijn twee van de mogelijke oplossingen:

– http://wordpress.org/extend/plugins/widget-logic/
Een plugin waar je veel aan kunt aanpassen, maar waarvoor je ook wel wat “code” moet kennen widget.

– http://wordpress.org/extend/plugins/widget-context/
Een plugin met een mooie interface, maar een fractie minder flexibel.

via weblab

Tegenovergestelde kleur

Handig voor bijvoorbeeld het werken met schaduwen (zien er altijd natuurlijker uit als het de tegenovergestelde kleur heeft):
inversegenerator
Als je hexcode hebt voor de kleur, kun je die op deze website invullen, je klikt op ‘inverse color’ en voilà!

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).