De Websites Van Tegenwoordig

De Websites Van Tegenwoordig image

Javascript

Ga naar de website awwwards.com en bekijk veel van de websites eens zonder javascript. Veel van deze websites werken gewoon niet zonder het gebruik van javascript. Welke precies kan je bekijken op Sigh, JavaScript.

Steeds vaker hoor ik “wie heeft er nu geen javascript” en dat is iets wat zeker waar is, bijna niemand tegenwoordig heeft geen javascript. Vroeger kon je nog zeggen dat het anders niet accessible was maar dat is tegenwoordig ook niet meer zo. Maar op de een of andere manier vind ik het toch nog steeds mooier als websites ook gewoon werken zonder alle dingen die geladen worden. Dit komt misschien gedeeltelijk omdat ik uit de tijd kom dat veel javascript & ingewikkelde CSS nog helemaal niet mogelijk waren en anderzijds omdat ik geen échte scripter ben.

Tegenwoordig zie je steeds meer javascript frameworks verschijnen en daarbij zie je dat er ook steeds meer back-end verhuisd naar de front-end. Is dat een goede ontwikkeling? Er kan steeds meer in de nieuwste browsers waardoor het allemaal wel te begrijpen is maar denk dat het heel erg afhangt van het soort project.

Mijn ervaring met sites waarbij een groot gedeelte afhankelijk is van javascript is dat het niet altijd even snel is en dat het toch wel de nodige problemen geeft. Voor mijn gevoel meer problemen dan wanneer veel dingen gewoon in de backend gedaan zouden worden. Tevens als er issues zijn bij websites heeft het 9 van de 10 keer te maken met javascript, dat is in ieder geval mijn ervaring.

Persoonlijk bouw ik nog steeds het liefste gewone websites met zo min mogelijk javascript en gebruik ik het alleen als het echt niet anders kan of ter ondersteuning van. Progressive enhancement is iets wat mij erg aanspreekt, de Filament Group heeft veel goede artikelen geschreven over dit onderwerp. Tom Dale zegt daarentegen progressive enhancement is dood. Het blijft een interessante discussie en voor beide dingen is een hoop te zeggen. Maar gewone websites werken overal en altijd en hebben de minste problemen, écht!

Update: Tantek doet ook een duit in het zakje http://tantek.com/2015/069/t1/js-dr-javascript-required-dead.

Update 2: Goed artikel van Jeremy Keith https://adactio.com/journal/8956.

Deze uitspraak van Jake Archibald / Christian Heilmann gebruik ik zelf geregeld:

We moeten roltrappen bouwen, geen liften.

Soms heb je echter liever een lift. Toch blijf ik vaak bij sites kijken of het ook werkt zonder javascript en als het niet werkt vind ik dat toch jammer. Vooral bij sites waar het duidelijk geen echte web apps zijn.

HTML/CSS

Naast dat javascript geladen wordt door de browser geldt dit natuurlijk ook voor CSS. Zet voor de grap maar eens de CSS uit bij veel sites dan zie je soms hele gekke dingen. Heb voorbeelden gezien waarbij de lees meer knop, wat sowieso al een slechte link naam is, voor de titel van het stukje tekst staat. Daarom zet ik tijdens het ontwikkelen van een website geregeld de CSS even uit om te kijken of mijn HTML wel logisch is.

Sinds enkele jaren is er ook een trend om hele grote blokken helemaal klikbaar te maken. Een voorbeeld daarvan zijn de zoekresultaten van marktplaats. Hier is het blok klikbaar en niet alleen de titel een link maar ook de beschrijving en dat levert dan deze link tekst op.

koga miyata. Deze zeer nette adventure is op enkele nauwelijks waarneembare gebruikerssporen, of beter gezegd ‘schuurschade’ na, zeer netjes om te zien en technisch echt…

Dat wil je gewoon niet!

In dit geval alleen de titel een link maken is volgens mij veel logischer en ook gebruiksvriendelijker.

KOGA Adventure Lady D50 Zeer Mooie Toer Trekkingfiets ZGAN!

Contrast

Onlangs ben ik de website wtfcontrast.com begonnen. Het contrast is bij veel websites een ondergeschoven kindje. Het belangrijkste van een website is de content die erop staat maar deze moet dan wel voor iedereen goed leesbaar zijn. Dat is helaas in veel gevallen niet zo. Gelukkig zijn er tegenwoordig genoeg tools om je te helpen bij het controleren ervan.

Oranje op Wit & Groen op Wit bijvoorbeeld zijn kleuren die ik vaak tegenkom in designs. Dit zijn echter kleuren waarbij je heel makkelijk contrast problemen kan krijgen. Voor het oog lijkt het allemaal wel mee te vallen maar schijn bedriegt.

Deze contrast problemen komen op bijna iedere website wel voor en zo ook op twitter & youtube.

Een paar maanden geleden heb ik valsplat gemaild met enkele contrast opmerkingen. Na een leuke mail conversatie is het toch wel erg cool om te zien dat ze er ook iets mee gedaan hebben. De dingen die ik had gemaild zijn opgelost maar er zitten stiekem toch nog een paar contrast problemen in de site. Hopelijk worden deze binnenkort ook opgelost.

Alsjeblieft designers let een beetje op het contrast gebruik en soms iets minder of iets er lekker uit ziet.

Update: Nieuw artikel op AList Apart Don’t Forget About Contrast

Vakmanschap

Een paar jaar geleden was ik bij InspireConf en dat was echt een super inspirerende conferentie over vakmanschap. Websites designen/bouwen is iets wat een zekere vakmanschap vereist alleen lijkt het tegenwoordig of iedereen zomaar websites kan maken. Vaak ziet het er voor het oog goed uit maar als je echt de code bekijkt dan moet je soms echt huilen. Ik wil gaan proberen om zo nu en dan wat dingen op te schrijven hoe ik te werk ga en hopelijk hebben anderen daar dan weer wat aan. Net zoals ik vroeger bijvoorbeeld de website naarvoren graag las.

Enkele vakmensen die ik hoog heb zitten

Dit irriteert mij

Een paar jaar geleden was daar de trend om allemaal parallax websites te maken. Deze trend is gelukkig weer voorbij maar nu zie je juist weer veel websites die de scroll van je browser veranderen. Het is alweer een beetje op zijn retour gelukkig maar alsjeblieft Stop met het overnemen van mijn browser scroll! het is zo irritant.

Kennis delen

Lang geleden kwam ik deze tweet tegen van Brad Frost

Work hard. Don’t be an asshole. Share what you know. 

De eerste twee dingen dat lukt aardig maar nu het kennis delen nog. De eerste stap is in ieder geval gezet.