Mijn jaar begon met een leuk puzzeltje. De website van Mascha Hendriks, een goede klant, deed het niet meer. De webhost had een upgrade van PHP gedaan en vervolgens gaf de hele website een foutmelding. De webhost had een beetje geholpen om de site weer werkend te krijgen dus nu was er weer een website, maar een deel van de inhoud was weg, een groot deel van haar portfolio, en alle vormgeving ook en de navigatie was compleet anders.
Mascha wilde weer een werkende website en een portfolio natuurlijk en ik heb gekeken hoe dat het beste kon. Was die inhoud echt weg? Nee, die bleek er nog te zijn, en de vormgeving ook, we moesten alleen een manier vinden om er weer bij te komen. Een leuk puzzeltje dus dat we samen hebben opgelost op de beste manier voor Mascha. En daarbij moet ik zeggen, dat lukt niet altijd. Als de database corrupt is, bijvoorbeeld, en er is geen backup, dan kan dat niet altijd opgelost worden. Dus de keren dat het wel lukt is dat erg leuk.
Bekijk Mascha’s website op maschahendriks.com
Nieuws
Een aanbod na de pandemie
Hallo iedereen, er is zoveel gebeurd sinds de laatste keer dat ik een blog post maakte en ik hoop dat het jullie allemaal goed gaat. Ik heb besloten een korting aan te bieden voor de feestdagen. Van 1 november 2022 tot 31 januari 2023 geef ik 15% korting op nieuwe websites. Gedurende dezelfde periode geef ik 10% korting op updates van bestaande websites die ik gebouwd heb.
Neem gerust contact met me op als u vragen heeft.
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.
Cursus WordPress
Komende week ga ik weer een cursus WordPress geven bij MK24 (je kunt je nog opgeven als je wilt!) en bij die cursus hoort een website waarop alle lessen te vinden zijn. Die lessen zijn alleen toegankelijk voor wie de cursus volgt, maar er zit een blog bij dat voor iedereen te lezen is. De berichten zijn vooral op WordPress gericht, maar niet alleen, er zijn ook meer algemene tips voor wie een eigen website bijhoudt of op wil zetten. Bezoek blindemanwebsites.com/cursuswp/
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!
Nieuwe cursussen
Voor het Multimedialab bij stichting MK24 ben ik bezig met het ontwikkelen van nieuwe cursussen, ik geef ze niet allemaal zelf, zoals de nieuwe MailChimp cursus (voor als je meer wilt weten over het versturen van een goede en doeltreffende nieuwsbrief), of de nieuwe cursus Beeldverhaal gegeven door een oud docent van mij, Stefan van Dinther. We zijn erg blij dat hij weer bij MML wil lesgeven, een erg inspirerende man.
Maar twee van de nieuwe cursussen ga ik wel geven. De eerste, in oktober, is een korte cursus over het maken en inzetten van GIFjes op je website en in Social Media. GIFjes zijn leuk, zijn speels en kunnen op eenvoudige manier iets toegankelijk maken. Je kunt ze onderdeel maken van het ontwerp van je website, van je marketingcampagne of van een tutorial. Nu ben ik relevante resources aan het verzamelen, en aan het spelen…
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.
Meer kleurgereedschap
Het houdt ook nooit op, kleurgebruik blijft lastig op websites, zowel wat betreft
Kleurenschema: Copaso
Alsook de leesbaarheid: Contrast-A
Je eigen site bijwerken
Als je al een website hebt en je bent er tevreden mee, je zou alleen graag af en toe een paar tekstuele wijzigingen willen maken – en dat kan niet… dan zijn er wat opties die misschien interessant zijn voor je.
Het hangt er een beetje vanaf hoe je website oorspronkelijk gebouwd is en ook van je webhost (hun serverinstellingen, welk pakket je bij ze afneemt) maar er zijn een aantal relatief makkelijke en relatief goedkope manieren om een eenvoudige tekstbewerker op te zetten voor je site.
Bijvoorbeeld:
- Snippetmaster: niet de mooiste in dit rijtje, maar het werkt goed en is eenvoudig in het gebruik
- Unify: mooier en veelzijdiger, daardoor iets minder makkelijk in gebruik
- CushyCMS: mooi en doet wat het moet doen, het snelst om op te zetten
Als je een uitgebreidere CMS wil, kan Concrete5 ook een goede optie voor je zijn, vooral als je al een ontwerp in HTML hebt, maar nog niet de hele site is opgezet en online staat.
Mocht je nog helemaal moeten beginnen met je site, dan ben ik nog steeds een groot fan van WordPress!