Tijdlijn

Book of Kells

Het Book of kells werden door Keltische monniken geschreven. Mensen noemden het kunstwerk maar het is eigenlijk designwerk. Het boek werd gebruikt om evangeliën te communiceren tussen de christenen. Ze gebruikten illustraties en kalligrafie om de context van het berichten te tonen. De monniken gebruikten 4 verschillende inkten op vellum en kalfsteer om het boek te maken. Ze wisten de tinten van de inkten, gewicht van de vellum en de belangrijkste de dimensies van elke pagina. Zo was de eerste ontwerppatronen gecreëerd.

Boekdrukkunst

Gutenberg nam het idee van wijnpers over om boeken te laten drukken. Hij heeft dus oude technieken omgezet tot nieuwe technieken. Gutenberg gebruikte losse letters die je in de kast kon zetten om teksten te vormen die later geprint kon worden op papier. Gutenberg heeft ook zijn eigen bijbel gemaakt aan de hand van de ontwerppatronen van “Book of Kells” zoals drop caps en kolommen. Het fundamentele ontwerp blijft het hetzelfde. Ontwerpers weet wat de dimensies van de pagina is hierdoor kunnen ze de elementen met maximaal effect positioneren.

World Wide Web

Een ontwikkelaar Tim Berners-Lee moest een groot probleem oplossen bij CERN; het uitwisselen van informatie tussen de wetenschappers binnen CERN. Het internet bestond toen al, Berners-Lee heeft dus een systeem bedacht dat bovenop het internet draaide. Het systeem bestaat uit elementen zoals TCP (Transmission control protocol) en DNS (Domain name system). Zo is de World Wide Web ontstaan. Verder heeft Berners-Lee een jaar later HTTP(Hypertext transfer protocol) en HTML(Hypertext markup language) en de eerste webbrowser “WorldWideWeb” gerealiseerd. Hierdoor ontstaan een nieuwe media de Web en dit zorgt voor nieuwe ontwerp mogelijkheden.

Javascript

Javascript kon de limiet van HTML overtreffen. In HTML moest alle elementen onder elkaar staan of zichtbaar zijn. Met Javascript kon je elementen laten wanneer je wilt zoals in pop-ups en tooltips. Je kon met Javascript content van een website dynamisch maken. Ontwerpers moest ook dus een ontwerp maken voor pop-ups, tooltips en etc. Hierdoor verandert de lay-out van een website dramatisch. Verder ontstaan er ook nieuwe ontwerppatronen die toegepast worden met Javascript. Eén van het nadeel van Javascript is dat het apart ingeladen moesten worden en word als een extensie beschouwd. Luie ontwikkelaars gebruiken Javascript soms ook om kleine dingen binnen hun website te fixen.

Flash

Om de limiet van webdesign aan te pakken werd er een nieuwe technologie bedacht en dat was de Flash. Hierdoor kreeg ontwerpers meer vrijheid met het ontwerpen van websites. Ontwerpers konden ieder vormen, lay-outs, animaties, interacties en lettertype maken in Flash. Het eindresultaat worden in één bestand gezet en op de website gezet. De gebruiker moest wel de Flash plug-in geïnstalleerd hebben op het apparaat. Dit was de era van splash pagina, intro animaties en nog andere interactieve effecten. Het nadeel van flash was dat het niet zoek vriendelijk was en nam veel rekenkracht.

CSS

Cascading Style Sheets afgekort CSS zijn een optie om een webpagina vorm te geven. Met de CSS kon je webpagina opmaken. De content en de opmaak van een website werden apart gehouden. Met de introductie van CSS kon je eenvoudiger en consistenter vormgeving van je webpagina bepalen. Het World Wide Web Consortium (W3C) heeft de standaard van CSS bepaald. De standaard is in de loop van de jaren steeds uitgebreid van CSS1 tot CSS3. Het duurde een paar jaar voordat browsers het volledig gingen ondersteunen.

Mobiele Design

Steve Jobs heeft een nieuwe mobile telefoon bedacht die onder andere op de World Wide Web kon namelijk de iPhone. Andere mobiele telefoon moesten een speciale format van bestand hebben om op de Web te komen. Dit heeft nieuwe problemen gecreëerd binnen het werkveld van webdesigners. De dimensies van een desktop pas namelijk niet op een iPhone. Ontwerpers moesten dus aparte website maken voor dat device. Later kwamen de tablets erbij waardoor je eigen drie domain had voor één webpagina. Dit klopte volgens de One Web niet en dat houdt in dat informatie en diensten toegankelijk is ongeacht het apparaat dat ze gebruiken.

RWD

De term “Responsive webdesign” of RWD is bedacht door Ethan Marcotte op een weblog “A List Apart”. Hij merkte dat veel bedrijven zich investeerden in een mobiel vriendelijk website. Maar er komen steeds meer devices met verschillende resoluties en dimensies en dat maakt één mobiele website niet een oplossing. Responsive webdesign houdt in dat websites zich aan het scherm van de bezoeker past. Een responsive design bevat fluid grids, flexible images en media queries. In responsive webdesign is er ook een andere filosofie “Mobile first”. Dit houdt in dat je als ontwerper eerst voor mobile devices een ontwerp maakt.