ID.nl logo
Wat is een responsieve website en waarom gebruiken we ze?
© Reshift Digital
Huis

Wat is een responsieve website en waarom gebruiken we ze?

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.

▼ Volgende artikel
Destiny-maker Bungie brengt Marathon op 5 maart uit
Huis

Destiny-maker Bungie brengt Marathon op 5 maart uit

Bungie, de studio achter de Destiny-franchise en de eerste Halo-games, heeft de releasedatum van hun nieuwe shooter Marathon aangekondigd. Het spel verschijnt op 5 maart.

Nieuw op ID: het complete plaatje

Misschien valt het je op dat er vanaf nu ook berichten over games, films en series op onze site verschijnen. Dat is een bewuste stap. Wij geloven dat technologie niet stopt bij hardware; het gaat uiteindelijk om wat je ermee beleeft. Daarom combineren we onze expertise in tech nu met het laatste nieuws over entertainment. Dat doen we met de gezichten die mensen kennen van Power Unlimited, dé experts op het gebied van gaming en streaming. Zo helpen we je niet alleen aan de beste tv, smartphone of laptop, maar vertellen we je ook direct wat je erop moet kijken of spelen. Je vindt hier dus voortaan de ideale mix van hardware én content.

Eind vorig jaar werd al aangekondigd dat de multiplayergame ergens in maart van dit jaar zou verschijnen, maar nu is dus de exacte releasedatum bekend. Het spel komt op die dag naar PlayStation 5, Xbox Series X en S en Steam.

Verschillende edities

Mensen kunnen de game nu ook alvast reserveren. Er zijn verschillende edities beschikbaar, waarbij de standaard editie 39,99 euro kost. Mensen die deze editie (of de andere edities) aanschaffen, krijgen het gehele jaar door nieuwe content voorgeschoteld, inclusief nieuwe maps en evenementen. Door deze editie te reserveren ontvangt men ook bonussen in de game, waaronder wapenstickers, emblemen en 'charms' voor wapens.

Daarnaast is er ook een Deluxe Edition voor 59,99 euro beschikbaar. Hierbij ontvangt men onder andere extra cosmetische items voor wapens, een voucher voor een Premium Rewards Pass en 200 'Silk Rewards Pass Tokens'. Tot slot is er een Collector's Edition die via de Bungie Store beschikbaar komt met daarin een Thief Runner Shell-beeldje, een miniatuur WEAVEworm en meer.

Stemmencast

Bungie heeft verder ook de Engelstalige cast bekendgemaakt die stemmen voor de game verzorgd. Onder de stemacteurs vallen Krizia Bajos, Samantha Béart, Beau Bridgland, Ry Chase, Roger Clark, Darin De Paul, Jennifer English, Dave Fennoy, Nika Futterman, Morla Gorrondona, Reina Guthrie, Donnla Hughes, Keston John, Sohm Kapila, Rich Keeble, Elliot Knight, Erica Lindbeck, Piotr Michael, Brent Mukai, Neil Newbon, Ariana Nicole George, Emily O’Brien, Lee Shorten, Jason Spisak, Ben Starr, JB Tadena, Fred Tatasciore, Craig Lee Thomas, Elias Toufexis, Oliver Vaquer, Scott Whyte, Tracy Wiles en Erin Yvette.

Over Marathon

Marathon is een player-versus-player extraction-shooter met een sciencefictionthema. In de game besturen spelers een soort futuristische huurmoordenaars die ook wel Runners worden genoemd. Spelers verkennen een verloren kolonie op de planeet Tau Ceti IV en vechten het tijdens het verzamelen van loot tegen elkaar uit. Er kan in teamsverband of alleen gespeeld worden.

Het ontwikkeltraject van de nieuwe Marathon alles behalve vlekkeloos verlopen. De game had in eerste instantie afgelopen september moeten uitkomen. Tijdens alfatests gaven spelers echter wisselende feedback over de ervaring. Daarnaast bleek er artwork in de game te zitten die was gestolen. Hoewel de persoon die daar verantwoordelijk voor was niet meer werkzaam was bij het bedrijf toen dit ontdekt werd, moest het spel toch uitgesteld worden - niet alleen om de ervaring te verbeteren, maar ook om de gestolen assets te vervangen.

Overigens is Marathon geen compleet nieuwe franchise. Bungie ontwikkelde in de jaren negentig van de vorige eeuw - nog voordat het bedrijf voor Microsoft de Halo-franchise creëerde - al Marathon-spellen. In feite keert de ontwikkelaar, die inmiddels onderdeel uitmaakt van PlayStation Studios, met de nieuwe Marathon dus weer terug naar zijn roots.

Watch on YouTube

Destiny-maker Bungie brengt Marathon op 5 maart uit

▼ Volgende artikel
Gratis Xbox Cloud Gaming-abonnement lijkt er dit jaar te komen
Huis

Gratis Xbox Cloud Gaming-abonnement lijkt er dit jaar te komen

Het ziet er naar uit dat Microsoft binnenkort een gratis Xbox Cloud Gaming-abonnement beschikbaar stelt. Hiermee zou je in ruil voor het bekijken van advertenties gratis Xbox-games via de cloud kunnen spelen.

Nieuw op ID: het complete plaatje

Misschien valt het je op dat er vanaf nu ook berichten over games, films en series op onze site verschijnen. Dat is een bewuste stap. Wij geloven dat technologie niet stopt bij hardware; het gaat uiteindelijk om wat je ermee beleeft. Daarom combineren we onze expertise in tech nu met het laatste nieuws over entertainment. Dat doen we met de gezichten die mensen kennen van Power Unlimited, dé experts op het gebied van gaming en streaming. Zo helpen we je niet alleen aan de beste tv, smartphone of laptop, maar vertellen we je ook direct wat je erop moet kijken of spelen. Je vindt hier dus voortaan de ideale mix van hardware én content.

Vorig jaar gaf Microsoft al aan tests uit te voeren met een gratis abonnement op Xbox Cloud Gaming, al werden er toen nog geen andere details gegeven en liet Microsoft ook niet weten wanneer dit abonnement beschikbaar zou komen. Op dit moment is er nog altijd een betaald Xbox Game Pass-abonnement nodig om gebruik te kunnen maken van Xbox Cloud Gaming.

Een uur per sessie

Onlangs lekte een advertentie waarop gemeld wordt dat men "een uur aan door advertenties ondersteunde speeltijd per sessie" kan innen voor Xbox Cloud Gaming. Volgens een artikel van Windows Central zou deze advertentie bedoeld zijn voor de promotie van een gratis 'tier' van Xbox Cloud Gaming die ergens in de loop van dit jaar beschikbaar komt.

View post on X

Het zou daarbij specifiek gaan om Xbox-games die men al in het bezit heeft, en dus niet games die op het betaalde Xbox Game Pass staan. Via Xbox Cloud Gaming kan men de Xbox-games die men in het bezit heeft op elk ondersteund apparaat spelen.

Meer details zijn er nog niet, maar vorig jaar gingen er al geruchten dat de gratis tier inderdaad voor een uur per sessie is, en maximaal vijf uur per maand. Daarbij krijgen mensen natuurlijk wel zo nu en dan advertenties te zien in ruil voor de gratis service.

Op moment van schrijven heeft Microsoft geen officiële aankondiging gedaan over wanneer de gratis versie van Xbox Cloud Gaming beschikbaar komt.

View post on Instagram