Responsieve websites zijn sites die zo ontworpen zijn dat ze rekening houden met het schermformaat van het apparaat waarop ze bekeken worden. Hier leggen we uit hoe dit werkt.

Vroeger bezocht je een website alleen vanaf je desktopcomputer of laptop, maar tegenwoordig gebruiken we verschillende apparaten in allerlei soorten en maten om mee te browsen. Lees ook: Alleen de tekst van een webpagina mailen? Dat kan!

Traditionele websites zijn daar niet op berekend, en zien er daarom op de meeste smartphones en tablets vaak niet mooi uit of zijn niet handig te gebruiken omdat er problemen zijn met de lay-out en het tekstformaat. Leesbaarheid en bruikbaarheid is heel erg belangrijk voor het succes van een website.

Mobiele versies van websites

We kennen dan ook allemaal wel één of meer websites die een mobiele versie aanbieden als de pagina detecteert dat je een mobiel apparaat gebruikt om mee te browsen. Dat is een verbetering ten opzichte van het aanbieden van een gewone (en daarom vaak vrijwel onleesbare of onbruikbare) website op mobiele apparaten, maar het is nog altijd een tussenoplossing.

Zo zijn er dan namelijk ineens twee websites die bijgehouden moeten worden in plaats van één. Bovendien gaat de mobiele versie van een website meestal uit van een gemiddelde, terwijl een smartphone natuurlijk een heel ander schermformaat heeft dan een tablet. Daarom kan het dus zo zijn dat de pagina er op jouw apparaat nog altijd niet optimaal uitziet.

Responsieve websites

Daarom maken steeds meer ontwerpers gebruik van responsief webdesign, waarbij de webpagina's dynamisch hun lay-out en uiterlijk kunnen veranderen op basis van de kenmerken van het apparaat van de bezoeker.

Responsief webdesign werd in 2010 geïntroduceerd door Ethan Marcotte. In zijn boek "Responsive Web Design" noemde hij drie hoofdkenmerken: Een flexibele lay-out met rasters; flexibele afbeeldingen en media; en mediaquery's.

Lay-out gebieden (zoals bijvoorbeeld kolommen die content bevatten) worden gedefinieerd in percentages in plaats van een vast formaat in pixels. Hierdoor blijft alles in proportie wanneer het formaat verandert.

Flexibele afbeeldingen en media worden qua formaat gedefinieerd in percentages in plaats van een vaste breedte in pixels, zodat ze schaalbaar zijn voor verschillende schermformaten.

Mediaquery's maken deel uit van de CSS3 specificatie. Het zijn eenvoudige filters die kunnen worden toegepast op CSS-stijlen waardoor deze kunnen veranderen op basis van de kenmerken van het apparaat waarop de webpagina wordt bekeken. Hierdoor kan bijvoorbeeld content die in kolommen naast elkaar wordt weergegeven gepresenteerd worden als één enkele kolom met alle content als de schermresolutie onder een bepaalde drempelwaarde valt.

Met responsief webdesign kan één enkele website gebouwd worden die geschikt is voor allerlei soorten apparaten omdat de pagina's zichzelf automatisch aanpassen aan het apparaat waarop ze bekeken worden. Deze vorm van webdesign is zelfs zo alomtegenwoordig geworden dat Google responsieve websites een hogere ranking geeft.

Problemen met responsief webdesign

Op traditionele websites bevindt de navigatie zich meestal bovenaan de webpagina of aan de linkerkant. Als je een responsieve website bouwt, moet je goed nadenken over de manier waarop je de navigatie implementeert omdat je deze consistent wilt houden, ook al verandert de oriëntatie of het formaat van het scherm. De navigatiemethode die je uiteindelijk kiest moet goed passen bij het soort website en consequent blijven op verschillende apparaten.

Afbeeldingen vormen ook vaak een probleem, omdat er nog geen specificatie is voor de manier waarop ze behandeld worden. Bovendien moet er rekening gehouden worden met apparaten met een hoge pixeldichtheid, zodat iconen en andere afbeeldingen er niet onscherp uit komen te zien omdat ze op een slechte manier geschaald worden.

Het converteren van traditionele websites naar een responsief ontwerp is vaak problematisch en onwenselijk. Omdat traditionele websites op een heel andere manier werken en minder flexibel geschreven zijn is het vaak beter om gewoon opnieuw te beginnen. Het kost vaak minder tijd en het resultaat is meestal ook nog eens beter.

AGON by AOC breidt zijn G4-serie uit met twee snelle instapmonitors voor competitieve games: de AOC GAMING 24G4ZR (23,8 inch) en 27G4ZR (27 inch). Beide modellen combineren een Fast IPS-paneel met een verversingssnelheid tot 260 Hz (240 Hz standaard) en een lage bewegingsonscherpte.

De nieuwe G4ZR-modellen richten zich op gamers die vooral snelheid zoeken, maar tegelijkertijd op hun budget willen (of moeten) letten. AOC zet de monitors standaard op 240 Hz en laat je optioneel naar 260 Hz overklokken via het OSD-menu of de G-Menu-software. De responstijden worden opgegeven als 1 ms GtG en 0,3 ms MPRT, waarbij die laatste waarde vooral iets zegt over bewegingsscherpte met backlight-strobing ingeschakeld.

Voor vloeiend beeld ondersteunen de 24G4ZR en 27G4ZR Adaptive-Sync en zijn ze volgens AOC NVIDIA G-SYNC-compatibel. Ook is er MBR Sync, waarmee variabele verversingssnelheid en backlight-strobing tegelijk gebruikt kunnen worden. Dat moet tearing en haperingen tegengaan, terwijl snelle bewegingen scherper blijven.

©AGON by AOC

Beeldkwaliteit, standaard en aansluitingen

Qua beeldkwaliteit kiest AOC voor Fast IPS, wat doorgaans snellere pixelovergangen combineert met IPS-eigenschappen zoals brede kijkhoeken. De 27-inch variant haalt volgens AOC 121,5% sRGB en 92,3% DCI-P3; de 23,8-inch versie 111,7% sRGB en 87,7% DCI-P3. De helderheid is 300 cd/m² en de kijkhoeken zijn 178 graden, zodat kleuren ook bij een schuine kijkpositie redelijk consistent blijven.

De ZR-modellen krijgen een volledig verstelbare standaard met 130 mm hoogteverstelling, plus kantelen, draaien en pivot. Handig als je je schermhoogte en -hoek precies wilt afstellen voor lange sessies. Daarnaast zijn de monitoren VESA 100x100-compatibel voor een arm- of wandmontage. Aansluiten kan via 2x HDMI 2.0 en 1x DisplayPort 1.4. Verder noemt AOC flicker-free en een hardwarematige low blue light-stand om vermoeide ogen te beperken.

©AGON by AOC

Naast de twee nieuwe modellen komen later ook varianten met een eenvoudiger voet die alleen kan kantelen: de 24G4ZRE en 27G4ZRE. Die gebruiken volgens AOC hetzelfde paneel en dezelfde snelheidsspecificaties, maar zijn bedoeld voor wie geen uitgebreide ergonomie nodig heeft.

Beschikbaarheid en prijzen

De AOC GAMING 24G4ZR, 27G4ZR, 24G4ZRE en 27G4ZRE hebben de volgende adviesprijzen: de 24G4ZR kost 149 euro en de 27G4ZR 169 euro. De tilt-only varianten zijn goedkoper: 129 euro voor de 24G4ZRE en 149 euro voor de 27G4ZRE.

Het Zuid-Koreaanse zou een shooter gebaseerd op Starcraft in ontwikkeling hebben voor IP-eigenaar Blizzard.

Dat claimt The Korean Economic Daily. Een team binnen Nexon dat gespecialiseerd is in shooters zou zich op dit moment volledig richten op de nog onaangekondigde game. De ontwikkeling zou nog niet lang geleden zijn gestart, en dus zou de shooter nog lang op zich laten wachten.

Verdere details zijn er nog niet, behalve dat Choi Jun-ho ook bij het project betrokken zou zijn. Hij maakte eerder de populaire Shinppu-mapmod voor Starcraft.

Starcraft

Er gaan al langer geruchten over een shooter gebaseerd op Starcraft. Vorig jaar meldde Bloomberg-journalist Jason Schreier al in zijn boek 'Play Nice: The Rise, Fall and Future of Blizzard Entertainment' dat Blizzard aan een shooter zou werken. Volgens Schreier is de shooter van Nexon echter niet gerelateerd aan de shooter van Blizzard - het zouden om twee afzonderlijke projecten gaan.

De Starcraft-reeks bestaat uit real-time strategygames. De eerste verscheen in 1998, en een vervolg kwam in 2010 uit. Blizzard heeft al vaker geprobeerd shooters gebaseerd op de Starcraft-franchise te maken, maar die werden vooralsnog altijd geannuleerd.

Mogelijke onthulling op Blizzcon

Voor het eerst in enkele jaren organiseert Blizzard op 12 en 13 december de Amerikaanse beurs Blizzcon, waar alles rondom de uitgever wordt gevierd. Het is mogelijk dat één van de hierboven genoemde shooters daar wordt onthuld.