Archive for the ‘Webdesign’ Category

Interconnectiviteit bij websites

maandag, juni 8th, 2009

Wanneer jouw website is geïntegreerd met één of meerdere andere websites buiten jouw beheer om, dan is de snelheid, stabiliteit en betrouwbaarheid daarvan jouw probleem. Bezoekers zullen er niet om geven dat jouw website niet meer werkt omdat een dienst zoals Twitter, Uservoice of externe hosting bij Amazon plat ligt. Het enige dat zij weten is dat jouw website niet meer werkt.

Verzachting

Het probleem is dat je niet alles kan bouwen en onderhouden – en je die andere websites/diensten ook niet echt kan verwerpen. Je kan wel de pijn proberen verzachten door op een gebruiksvriendelijke manier reserve oplossingen in te bouwen. Bouw reserve oplossingen op basis van de belangrijkheid van de dienst.

Als je volledige registratie en aanmeldingsprocedure steunt op OAuth, voorzie je op z’n minst een melding in de trend van “Het spijt ons, maar registratie en aanmelden zijn tijdelijk uitgeschakeld”. Dit is geen perfecte oplossing, maar beter dan een blanco scherm of een cryptische foutmelding. (Nog beter zou zijn om een alternatieve aanmeldprocedure te voorzien, maar stel jezelf hierbij in elk geval de vraag als dit in jouw situatie de extra tijd waard is die het implementeren hiervan kost.)

In veel gevallen is een externe dienst een aanvulling, maar geen noodzaak voor jouw website. Zorg ervoor dat in die gevallen (in het bijzonder voor zaken zoals widgets, advertenties, bezoekersstatistieken, enz.) dat wanneer een onderdeel faalt het design van jouw website en de gebruiksvriendelijkheid ervan niet instort.

Houdt er rekening mee dat het web nog steeds jong is en dat iedereen – zelfs de grootste diensten – nog steeds aan het leren zijn om dit alles met elkaar samen te laten werken. Het beste dat je nu kan doen is jouw website(s) zo flexibel mogelijk opbouwen, want de omlijstingen van deze diensten zijn nog steeds aan het verschuiven/veranderen.

De Hand Tool gebruiken op een webpagina

woensdag, juli 9th, 2008

Met als doel een zo werkbaar mogelijke website te maken, kwam ik vandaag op het idee om de Hand Tool te porten naar een webpagina met behulp van Javascript.

Behalve voor mouse gestures in Opera wordt het slepen van de rechtermuisknop nergens op grote schaal voor gebruikt. En aangezien een muis gebruikt wordt om mee te navigeren, vond ik het wel handig om de functionaliteit ervan uit te breiden voor websites.

Hoe zit het idee achter de Hand Tool op een webpagina in elkaar?

Je houdt je rechtermuisknop ingedrukt op een willekeurige plek op de pagina. Eenmaal je de muis meer dan een vooraf bepaalde afstand verplaatst, wordt de functionaliteit van het contextmenu uitgeschakeld en vervangen door een sleepmogelijkheid. Zodoende pak je de pagina daadwerkelijk vast, en kan je er alle kanten mee uit (naargelang de grootte van de pagina natuurlijk).
Staat de pagina waar je hem wilt hebben, dan laat je de rechtermuisknop los. Zo simpel is het.

Probeer het maar eens op m’n website uit als je wil, voor de feedreaders onder ons.

De achterliggende code wijst zichzelf uit, je hoeft deze slechts te kopiëren en plakken/integreren/aanpassen naar eigen wens.

Opgeslagen wachtwoorden tonen met javascript

zaterdag, december 22nd, 2007

Ken je de functionaliteit om een wachtwoord op te slaan in een formulier? (Waarbij je wachtwoord wordt weergegeven in sterretjes)

Besef dan ook dat dit opgeslagen wachtwoord makkelijk terug zichtbaar kan worden gemaakt, en wel als volgt:

  1. Open de pagina waar je het wachtwoord op hebt opgeslagen.
  2. Wacht totdat deze pagina volledig is geladen. (meer…)

Internet Explorer 8 voor in 2008?

woensdag, december 12th, 2007

De Internet Explorer 8 geruchtenmolen werd onlangs in gang gezet op Mix ‘n Mash, een door Microsoft georganiseerde bijeenkomst waarop enkele vooraanstaande bloggers werden uitgenodigd om over deze nieuwe IE-telg te discussiëren.

De voornaamste discussiepunten:

  • De mate waarin webstandaarden zullen ondersteund worden
  • De openheid van het IE ontwikkelingsteam t.o.v. de rest van de wereld (voornamelijk webontwikkelaars).

(meer…)

Adverteren op een blog

woensdag, november 28th, 2007

Lang geleden

Toen men vroeger (een relatief begrip hier op het internet) een blog wou opzetten, deed men dit voornamelijk om een eigen visie op bepaalde zaken te delen met de rest van de wereld.

Nu

Het medium blog is echter volwassen aan het worden, en adverteerders spelen hier dan ook handig op in.

Zo zijn menig virale campagnes de revue reeds gepasseerd, waar bloggers al dan niet bewust aan hebben meegewerkt. Advertenties op basis van geschreven inhoud zijn ons ook niet vreemd, evenals betaalde posts. (meer…)

Scoren op een trefwoord

donderdag, november 1st, 2007

één van de vele manieren

  • Zet een publieke feedreader (bvb op basis van Gregarius) online
  • Toon ongeveer 10 items per pagina, geen 100
  • Abonneer je op relevante feeds
  • Link voldoende naar je feedreader
  • Pas je template (bij voorkeur de footer) aan met de links die jij wil, met een trefwoord en title naar keuze.
  • Zie het aantal backlinks zienderogen stijgen naarmate de inhoud van je feedreader aangroeit

Pagerank update

woensdag, oktober 31st, 2007

Wat is nu nog de toegevoegde waarde van de zichtbare Pagerank

Wordt er nu voor het betaald en/of kunstmatig ranken gewaarschuwd, of voor de onderlinge linklove tussen blogs?

Hoe dan ook, de zichtbare pagerank van bepaalde websites heeft duidelijk geleden onder de algoritme-aanpassingen (gelukkig zonder echte gevolgen voor het aantal bezoekers).

In sommige gevallen bied een reinclusion request soelaas.

Gilde van front-enders II

dinsdag, september 18th, 2007

PPK heeft in Nederland een gilde gestart om het front-end developpen naar een nieuw niveau te tillen.

Net terug van het mini-congres, kan ik je vertellen dat dit een moeilijke, maar leerzame onderneming is. (meer…)

Websites voor op de iPhone ontwikkelen

vrijdag, juli 6th, 2007

Nichemarkt of niet, met een grotere ondersteuning van mobieltjes kan je niks misdoen imho.

Apple heeft dan ook een minisite (met toch wel nuttige info op) vrijgegeven voor het ontwikkelen van websites op deze speciale versie van Safari.

Enkele highlights:

(meer…)

Gilde van front-enders

donderdag, juli 5th, 2007

Initiatief ontstaan uit de (gegronde) frustratie van een aantal nederlandstalige webontwikkelaars, die hopelijk ook hier zijn navolging vindt.

Het komt er dus op neer dat we in de toekomst het webontwikkelaars-kamp zouden kunnen onderverdelen op basis van onze kwaliteiten, zie ook de discussie op GoT voor redelijk gegronde pro’s en cons. (via)

Tijd om FeWeb terug in de belangstelling te stellen?

Multi-Mania 2007

donderdag, mei 17th, 2007

Volgende week vrijdag, op 25 mei, is het zover. De 7e editie van Multi-Mania (inschrijven is gratis, maar verplicht) gaat van start in de budascoop te Kortrijk, en als plaatselijke student MCT zit ik daar quasi vlak aan :-) .

De eerste sessies van dit gratis evenement zijn al volzet, maar er is nog meer dan voldoende om voor af te komen. Onder de sprekers bevinden zich onder andere Aral Balkan, Matt Klowskowski, Stefanie Sullivan, Jason Levine, Gregg Rewis, Joey Lott, Mike Downey en Clo Willaerts – allemaal bekenden/experts in hun vakgebied. Ik kan haast niet wachten om er naartoe te gaan, als ik ooit van onder die stapels werk geraak tenminste.

Tot dan ;-) ?

Javascript get alternatief

woensdag, april 4th, 2007

Hoewel de persoonlijke javascript library nog volop in opbouw is, wil ik jullie deze alvast niet onthouden:

// Auteur: Benjamin Carlier, http://benjamincarlier.be/

var Uri={
uitlezen:function(id){
var s=location.search.match('(?:\\?|\&)'+id+'=([^\&]*)');
return s?unescape(s[1].replace(/\+/g," ")):false}
}

Na al de manieren op het web om de info uit een url te halen door alles in een array te steken, én mezelf wat in reguliere expressies te hebben verdiept, kwam ik op bovenstaande oplossing uit.

Gebruiksaanwijzing
De URI van de pagina: http://website.tld/?q=zoekterm

Dan roep je in je javascript de inhoud van je id q aan door

Uri.uitlezen("q");

waarbij de inhoud in dit geval gelijkstaat aan zoekterm (uiteraard).
Gebruiken staat vrij, het lijntje commentaar laten staan ook ;-)
Voor de technische kant mag je me altijd vragen stellen in de comments, dan werk ik nu verder aan het Uri object.

Update
Bart wees me op een onvergeefelijke fout: het gebruiken van een id als trefwoord in de uri heeft namelijk geen specifieke betekenis, en krijgt een ’speciale’ (indexerings)behandeling in zoekmachine’s.

Bij deze zijn alle id’s vervangen door de q van query (omdat het een demonstratie betreft).

Backlinken

maandag, januari 29th, 2007

Met je voornaam op de nr 1 staan in zoekmachines is terug van weggeweest. Daarom leek het me wel goed om een paar tips mee te geven in verband met het backlinken (het linken van een website/pagina met een andere).

Waarom de nadruk op met? Omdat iedere link naar jouw website van een andere als een soort stem geldt, maar jouw website waar op wordt gestemd zal ook worden onderzocht.

Komt ie dan hé ;-) :

Waar je op moet letten bij het backlinken

(meer…)

Nieuwe plannen voor Youtube en Google Video

vrijdag, januari 26th, 2007

Alhoewel Google Video en Youtube onafhankelijk van elkaar blijven werken, zal Google Video zich in de nabije toekomst ook toespitsen op het vinden van video’s op het wereldwijde web zelf.

Back to basics dus voor deze zoekgigant.

Op dit moment is er gewerkt aan de integratie van Youtube in Google Video, wiens dagen als online aanbieder van Video dan ook geteld lijken te zijn ten voordele van Youtube. Zo zoekt Google Video nu ook automatisch in de database van Youtube, en verwijst iedereen hiervoor automatisch naar Youtube door.

Men experimenteert nu ook volop met advertenties in video’s, eens benieuwd hoeveel privacy we daarvoor moeten opofferen.

Offtopic: Vrees niet, op dit moment staan er 9 degelijke, full-length artikeldrafts in de wachtrij om uitgetikt en afgewerkt te worden. Maar examens steken daar helaas een stokje voor. Examenweetjes: Tot nu toe heb ik een 900tal pagina’s leerstof achter de rug (samenvattingen meegerekend), staan er op dit ogenblik 13 lege plastic frisdrankflesjes op m’n bureau die smeken om weggekeild te worden, en heb ik alvast 1 examen gemist in de veronderstelling dat dit in de namiddag plaatsvond, achteraf bleek dit voormiddag te zijn.

En nu we het toch over Youtube hebben, hier volgt een weetje voor de statistiekliefhebbers ;-) : tast toe met youporn. Zie ook de gerelateerde berichten van de post in kwestie om het effect ervan te bekijken.

Datamining op het WereldWijde Web

dinsdag, januari 9th, 2007

Naar aanleiding van een artikel over de long tail van zoekwoorden op Netlash.

Wat is datamining?

Bij datamining is het de bedoeling om data volledig automatisch te analyseren en te combineren.

Zo wordt er, aan de hand van kunstmatige intelligentie en een enorme hoeveelheid aan (eventueel voorgekauwde, gerelateerde) data bepaalde verbanden gelegd tussen inhoud

Iets wat anders teveel tijd zou kosten om te ontdekken, of wat men niet manueel kan linken aan elkaar.

Waarom?

(meer…)

Mobiele (web)applicaties

vrijdag, januari 5th, 2007

Mobiele versie Google zoekmachine
Iedereen bezit op dit moment wel een GSM waarmee je kan bellen, sms’en, mms’en en in enkele gevallen surfen op het net.

Maar weet dat er in combinatie met deze mobiele, browsende apparaatjes veel meer mogelijk is, dan alleen maar statische xHtml websites op een klein scherm weergeven.

Zo biedt Google op dit ogenblik al een speciale mobiele versie van zijn zoekmachine (die onder andere alleen in mobiele websites kan zoeken) , een e-mail service en een maps dienst.
Opera biedt op zijn beurt een mobiele browser aan die websites eerst op een server kleiner laat schalen, om deze dan als ingekrompen pagina’s op een klein scherm te laten weergeven.

Maar weet dat er nog zoveel meer mogelijk is!

(meer…)

Toegankelijkheid op het web

woensdag, januari 3rd, 2007

Naar aanleiding van een artikel over accesskeys op nono.

Net zoals je informatie toegankelijk kunt maken voor computers met eRDF, mag je de mensen zélf niet vergeten (voor wie de informatie eigenlijk bestemd is).

Hoe begin je hieraan?

(meer…)

Browserondersteuning, hoe lang nog?

donderdag, december 28th, 2006

We weten het allemaal: als je een website ontwikkelt, wordt deze in 50% van de gevallen anders weergegeven in oude browsers.

Dit verschil vergroot alleen maar naarmate je met steeds oudere browsers surft, zoals bijvoorbeeld Internet Explorer 5.0

Hoeveel mensen surfen nog met deze fossielen van het wereldwijde web?

En vooral: Hoe ver moet/kan je in de ondersteuning hiervan gaan?

(meer…)

Conditional Comments

woensdag, december 27th, 2006

Ooit al eens voorgehad dat Internet Explorer iets niet ondersteunt zoals het hoort?

Voor deze zeldzame gevallen heeft Microsoft namelijk zelf een oplossing bedacht. Ze geven onder bepaalde voorwaarden zaken weer die door geen enkele andere browser ondersteund worden (*kuch hasLayout, boxbordermodel, ..).

Zo kan je bepaalde delen html code uitschakelen of juist alleen weergeven op Internet Explorer..

Deze tekst wordt genegeerd door Internet Explorer.

(meer…)