Ondoordacht Blog

De grote blauwe vogel

Thomas — Thu, 06 May 2010 15:59:18 +0000

Blauwe reiger

Nee, ik heb het niet over Pino van Sesamstraat, alhoewel die ook heel groot is. Ik bedoel de Twitter vogel. Twitter vogels komen in allemaal variaties voor. Ze sieren je website en laten mensen weten dat je ook op Twitter te volgen bent. Tenminste, als je een elegant vogeltje hebt uitgezocht voor je website. De laatste tijd kom ik steeds grotere vogels tegen, en om nou te zeggen dat ze altijd de website sieren.

Nog geen tien procent van de bevolking Twittert, dus als je een vogeltje op je website plakt dan doe je dat (meestal) voor een minderheid van je bezoekers. Denk dus goed na over waar je je vogel neerzet, want ze kunnen ook flink storen. Neem bijvoorbeeld een klein vogeltje in de footer of de sidebar van je website, met een aantal icoontjes die ook naar andere social media websites (zoals Hyves) linken. In de kop van je website icoontjes opnemen kan, maar dan moet het wel in het ontwerp van je website passen.

Download de grote blauwe vogel als twitter icoon

Als je zelf een vogeltje wilt gebruiken op je Twitter account, dan is mijn blauwe reiger misschien een leuke voor je. Je kan hem downloaden door op het plaatje te klikken.

Liefde voor het vak

Thomas — Tue, 23 Feb 2010 12:53:47 +0000

Liefde voor het vak

Vijf dingen die mij inspireren

Thomas — Wed, 10 Feb 2010 11:20:34 +0000

Als webdesigner heb je soms een beetje inspiratie nodig. Voor jullie heb ik vijf dingen die mij inspireren op een rijtje gezet.

Natuur

De Vlaardingse Vaart

Als je net als mij in een omgeving woont waar je niet ver hoeft te zoeken voor een beetje groen, dan hoef je ook geen moeite te doen om inspiratie te vinden. Stap gewoon eens op de fiets, of ga een stukje lopen. Vergeet niet om een camera mee te nemen als je op pad gaat.

Strips

Voor mij zijn strips een grote bron van inspiratie. Het idee dat je verhalen met behulp van illustraties uitbeeld is zeer relevant voor webdesigners. Een striptekenaar moet het verhaal van de schrijver zo goed mogelijk kunnen weergeven in zijn tekeningen. Dit kun je vergelijken met een webdesigner die een mooie website maakt die het product van zijn klant complimenteert.

Ik lees vooral de Transformers series van IDW Publishing. Verschillende verhaallijnen lopen in die series door elkaar heen. Daarnaast zijn de Essentials en de Ultimate series van Marvel erg goed. De Essentials zijn herdrukken van de strips waar het bij Marvel allemaal mee begon. Zo kun je nu nog steeds lezen hoe het allemaal begon voor Spider-man en Wolverine. De Ultimate series zijn series waarin de verhalen van diezelfde superhelden opnieuw geschreven zijn, als een ge-update versie van de Essentials.

Games

Net als strips zijn games een goede manier om een verhaal te vertellen. Daarnaast is een game perfect om je eventjes helemaal van de wereld af te sluiten. Sommige games zijn een werkelijk kunstwerkje.

Als je een game wil spelen waar je al je creativiteit in kwijt kan, dan is Little Big Planet misschien iets voor jou. Naast de grungy feel die je tegenwoordig ook zo veel op websites tegenkomt en de lekkere gameplay die je mag verwachten van een goede platform game, kun je ook in de level editor je ei kwijt. Alles wat je tegenkomt in de game kan je gebruiken om je eigen level te ontwerpen en dat is best veel. Alsof dat niet genoeg is, kun je ook je eigen gemaakte levels online zetten om te delen met andere mensen.

DeviantART

De website deviantart.com is een social network voor kunstenaars. Zij kunnen hier hun eigen werk kwijt en kunnen anderen tips en advies geven. Van collega webdesigners tot striptekenaars, je kan altijd wel iets moois vinden op deviantART.

Transformers

Eerder in dit artikel heb ik ze al genoemd, maar naast de strips van Transformers hebben ook de actiefiguren mij veel geïnspireerd. Als webdesigners moet je alle functies in een zo mooi mogelijk ontwerp stoppen. Hoe je dat moet doen? Kijk maar eens naar een Transformer! Je zal het niet geloven, maar alle ledematen van het robotje worden keurig verborgen als hij naar een auto transformeert.

Bokuzzi

Thomas — Fri, 05 Feb 2010 10:48:46 +0000

Afgelopen week heeft de aftrap van “the Bokuzzi project” plaatsgevonden. Het doel van dit project is om een gratis te downloaden website template te maken, die netjes, aantrekkelijk en gebruiksvriendelijk is. We proberen om de template beschikbaar te maken voor verschillende content management systeemen.

Moeilijke puzzel

Thomas — Wed, 20 Jan 2010 15:51:58 +0000

Gebaseerd op the Legend of Zelda: the Wind Waker

Web 2.0 buttons

Thomas — Wed, 06 Jan 2010 10:07:07 +0000

Web 2.0 buttons, zoals ze overal te zien zijn.

Wikipedia omschrijft Web 2.0 als volgt: “Web 2.0 wordt omschreven als de tweede fase in de ontwikkeling van het World Wide Web. Het gaat over de verandering van een verzameling websites naar een volledig platform voor interactieve webapplicaties voor eindgebruikers op het World Wide Web. ” Web 2.0 heeft dus te maken met hoe websites op elkaar aan sluiten. Een button heeft in principe niks te maken met hoe websites op elkaar aan sluiten. Waarom worden die 2 dingen dan zo vaak samen genoemd?

Wat bekent staat als een Web 2.0 button is eigenlijk een simpel trucje in Photoshop. Een rechthoek met afgeronde hoeken, een border, een gradiënt of een “natte vloer effect” en grote dikke letters. Op zich is er niks mis met deze buttons, maar op een gegeven moment heb je er gewoon genoeg van gezien, en dan wil je iets anders.

Heb jij een alternatief voor web2.0 buttons die er stijlvol uitziet en gemakkelijk te maken is? laat je ontwerp zien en misschien word jouw ontwerp wel de web3.0 button! De beloning voor deze wedstrijd: Eeuwige roem natuulijk! Oh, en ik heb er wel een Wave invite voor over.

Prettige feestdagen

Thomas — Fri, 25 Dec 2009 07:05:55 +0000

Als het bij jullie nog net zo wit is als hier, dan zal die witte kerst in Nederland wel lukken. Maar het is jammer dat de sneeuw niet vers is. Ik wil iedereen bedanken die mee heeft gedaan aan de Google Wave wedstrijd. Wegens de lage opkomst krijgt iedereen met een leuk antwoord een invite.Dus gefeliciteerd Klunker, Cobalt-Phoenix en Victor! De Invites zijn onderweg, het kan alleen een paar dagen duren voordat ze aankomen. Google schijnt nog een hoop postzegels te hebben liggen waar ze aan moeten likken.

Een klant weet niet wat een webdesigner doet

Thomas — Mon, 21 Dec 2009 15:21:35 +0000

Wat is een browser? Op deze vraag weet volgens dit filmpje een groot gedeelte van het Rotterdamse winkelend publiek niet wat het antwoord is.

Google heeft juist een grote actie op touw gezet om aan mensen te laten weten dat hun nieuwe browser Chrome snel en veilig is. Alleen jammer dat de doelgroep niet echt weet wat een browser is.

Op de website Clients from hell staan uitspraken van klanten van webdesigners die nogal ondoordachte eisen stellen. Wat opvalt is dat de meeste mensen hier geen idee hebben van wat de kosten van een professionele website zijn en dat klanten graag iets in hun website willen hebben dat helemaal niks met hun product of met de doelgroep die ze proberen aan te spreken te maken heeft.

Dat eerste heeft wellicht te maken met het feit dat zo veel mensen zelf eerst aan de slag gaan met het maken van een eigen website. Vaak hebben ze dan met een what you see is what you get (wysiwyg) programma gebruikt. Wat zo’n programma je niet kan vertellen, maar een professioneel webdesigner wel, is dat je rekening moet houden met zoekmachines, cross-browser compatibility en semantiek, om maar een aantal dingen te noemen. Als je iemand kent die zomaar voor een klein bedrag een website in elkaar zet, vraag dan eerst of die website dan net zo goed zal functioneren als een professionele.

Het tweede komt waarschijnlijk door hetzelfde probleem. Iemand die zelf een website in elkaar zet zal eerder kijken naar wat hij zelf op zijn website wil dan wat zijn bezoekers zouden willen zien. Daarom is het zo belangrijk een professionele designer in te huren. Hij zal begrijpen wat je nodig hebt, ook al weet je dat zelf niet.

Doe de Wave

Thomas — Wed, 25 Nov 2009 14:59:29 +0000

Google Wave is een indrukwekkend nieuw concept van Google. Je verstuurt mail naar je vrienden, familie of collega’s, en zij kunnen dan reageren. Oké, maar dat kan ook gewoon met email. Wat anders is aan Google Wave is dat de mail centraal wordt opgeslagen, en iedereen waarvan jij vind dat ze toegang moeten hebben het kan het lezen, beantwoorden en zelfs aanpassen in het bestand zelf. Dat scheelt een heel aantal RE: emails in je inbox. De mogelijkheden ervoor zijn eindeloos. Zo kan je bijvoorbeeld al je vakantiefoto’s delen met je vrienden, en zij kunnen hun eigen foto’s er tussen plaatsen. Vergaderingen hoeven niet meer gepland te worden, want je kan gewoon een vergadering over Google Wave houden. Je hoeft dan ook niet te notuleren.

Google Wave is op dit moment nog in de beta fase, en om er gebruik van te kunnen maken moet iemand anders je uitnodigen. Mensen met een Google Wave account mogen regelmatig een beperkt aantal mensen uitnodigen. Ik stel vijf invites beschikbaar voor lezers van mijn blog. Wat moet je er voor doen? Je moet hieronder reageren en vertellen wat jij zou doen met Google Wave. De vijf origineelste ideeën worden beloond met een Google Wave account.

Je hebt tot 10 december de tijd om te reageren. Als er na 10 december niet genoeg deelnemers zijn, dan wordt de wedstrijd een week verlengt. Daarna kan de wedstrijd nogmaals één week worden verlengt. Winnaars krijgen bericht. Houdt er rekening mee dat het versturen van invites een aantal dagen duurt.

EDIT: De wedstrijd is met een week verlengt. Je kan meedoen tot 17 december.

EDIT: De wedstrijd is met nog een week verlengt. Je kan meedoen tot 24 december.

Steun sarcasm tag voor HTML5

Thomas — Fri, 13 Nov 2009 12:24:21 +0000

Steun de sarcasm tag voor HTML5

HTML5 belooft een nuttige verbetering te worden ten opzichte van zijn voorgangers. Met tags als header, nav, section en article kun je een beter overzicht krijgen op de functies van je elementen. Ook zoekmachines kunnen baat hebben omdat ze in bepaalde tags kunnen zoeken voor de relevante content, terwijl andere tags juist gebruikt kunnen worden om de sitemap te documenteren. Maar eigenlijk ontbreekt er nog een tag.

De sarcasm tag ontbreekt aan HTML5. Sarcasme is moeilijk te herkennen in tekst. Vaak reageer ik bijvoorbeeld heel serieus op een bericht op een forum of blog dat eigenlijk sarcastisch bedoeld was. Als mensen al moeite hebben met sarcasme op te pakken uit geschreven tekst, dan geld dat zeker ook voor zoekmachines. Een zoekmachine kijkt alleen naar de woorden in een tekst, niet naar de betekenis daarvan. Stel dat je iets zoekt en de eerste vijf resultaten zijn allemaal sarcastisch. Daar heb je niks aan! Dit moet anders kunnen.

Stel dat je op een website terecht komt, en er blijkt dat er veel sarcastische opmerkingen staan. Met één muisklik activeer je dan een CSS scriptje dat alle tekst binnen de sarcasm tags rood kleurt. Of als je het echt niet wil zien, dan kan je het zelfs laten verdwijnen. Of stel je bent op zoek op Google. Door een nieuwe optie in geavanceerd zoeken zou je sarcastische opmerking in de resultaten kunnen uitschakelen. Als je een fan bent van sarcasme zou je ook het tegenovergestelde kunnen doen en juist zoeken naar sarcasme door alle andere resultaten uit te schakelen.

Zonder steun van de gebruiker zal de sarcasm tag waarschijnlijk niet in HTML5 opgenomen worden. Je kunt helpen door zo veel mogelijk mensen dit artikel te laten lezen. Verspreid het op Twitter, stuur emails naar alle webdesigners, webdevelopers en webmasters die je kent of maak een linkje aan op je eigen blog naar dit artikel. Als je een account op deviantART hebt, dan kan je deze sarcasm stamp in je journals gebruiken. Voor Twitter kan je de Twibbon gebruiken.

Als je zelf nog suggesties hebt om dit te verspreiden, dan wil ik ze graag horen. Je kan hieronder je suggesties plaatsen.