ID.nl logo
Wat is een responsieve website en waarom gebruiken we ze?
© PXimport
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
Waar voor je geld: 5 mini-LED-tv’s onder de 800 euro
© Samsung
Huis

Waar voor je geld: 5 mini-LED-tv’s onder de 800 euro

Mini-LED-technologie staat bekend om zijn uitstekende contrast, diepe zwartwaarden en hoge helderheid. Het mooie nieuws? Je hoeft er tegenwoordig geen duizend euro meer voor neer te leggen. We zetten vijf aantrekkelijke modellen voor je op een rij, allemaal onder de 800 euro en elk met hun eigen pluspunten.

1. Philips 55PML9009/12 'The Xtra'

Met z’n driezijdige Ambilight, quantum dot mini-LED-scherm en een native verversingssnelheid tot 144 Hz biedt de Philips 55PML9009/12 'The Xtra' een bijzonder complete kijkervaring. De tv ondersteunt Dolby Vision, HDR10+ en HLG, en beschikt over het intuïtieve Titan OS. Een opvallende eigenschap is het 4-speakersysteem van 4x 10 watt, dat Dolby Atmos ondersteunt voor een krachtig en meeslepend geluid. De helderheid piekt tot 1000 nits, wat HDR-content prachtig tot zijn recht laat komen.

Toepassingen: Sfeervol filmkijken, gamen met vloeiend beeld, streaming via populaire apps Bijzonderheden: 4x HDMI 2.1, Ambilight, Dolby Atmos, P5 Perfect Picture Engine

2. Hisense 50U6NQ

De Hisense 50U6NQ is een uitstekende keuze voor wie mini-LED-techniek zoekt binnen een beperkt budget. Het 50-inch VA-paneel levert diepe zwarttinten en sterke contrasten, met een piekhelderheid van 600 nits. De tv ondersteunt Dolby Vision en HDR10+, en komt met Dolby Atmos-geluid via 2x 10 watt-speakers. De verversingssnelheid van 60 Hz is minder geschikt voor fanatieke gamers, maar voor dagelijks gebruik en filmavonden is dit een meer dan degelijke keuze.

Toepassingen: Reguliere tv-kijkers, HDR-filmliefhebbers, instapgebruikers Bijzonderheden: VIDAA-smartplatform, Filmmaker Mode, DTS Virtual:X, strak contrast

3. TCL 50C803

Deze 50-inch QD-mini-LED-tv van TCL combineert snelheid en beeldkwaliteit. Dankzij een native verversingssnelheid van 100 Hz (uitbreidbaar naar 144 Hz) en ondersteuning voor Dolby Vision IQ, HDR10+ en HLG komt content vloeiend en levendig over. De lage input lag van circa 6 ms maakt dit toestel bovendien zeer geschikt voor gamers. Dolby Atmos-audio en Google TV als platform zorgen voor gebruiksgemak en rijke content.

Toepassingen: Gamen, sport kijken, vlot schakelen tussen apps en streamingdiensten Bijzonderheden: Game Master Pro 2.0, HDMI 2.1, Motion Clarity Pro, 600 nits piekhelderheid

4. LG 65QNED866RE

Met zijn 65 inch schermformaat biedt deze LG een bioscoopervaring in huis. Het QNED-paneel is gebaseerd op mini-LED-technologie en werkt met de α7 AI Processor Gen6, die beelden slim analyseert en opschaalt. De verversingssnelheid van 120 Hz en ondersteuning voor Dolby Vision, HDR10 en HLG maken dit toestel veelzijdig. WebOS biedt intuïtieve toegang tot apps en instellingen, en Dolby Atmos ondersteunt ruimtelijke audio.

Toepassingen: Familie-tv, grootbeeld filmkijken, soepel gamen Bijzonderheden: HDMI 2.1, VRR en ALLM, 900 nits piekhelderheid, uitstekende kijkhoeken

5. Hisense 65U7NQ

De Hisense 65U7NQ biedt indrukwekkende prestaties in een betaalbare jas. Mini-LED PRO-techniek, meer dan 300 dimming zones en een piekhelderheid van 1500 nits zorgen voor levendige beelden. Het paneel ververst tot 144 Hz – ideaal voor snelle games en sport. Het audiosysteem bestaat uit 2x 10 watt-speakers plus een 20 watt-subwoofer voor een krachtig, vol geluid. Met Dolby Vision IQ, Google TV, VRR en HDMI 2.1 is dit een allround topkeuze.

Toepassingen: Gamers, HDR-fans, filmkijkers die alles willen behalve een hoog prijskaartje Bijzonderheden: 40W-audio (2.1), 144 Hz refresh, ATSC 3.0, wifi 6E, EISA-award Best Buy 2024-2025

▼ Volgende artikel
'O nee, een vlek!' Met deze apparaten reinig je de vloer tot diep in de poriën
© Andrey Popov
Huis

'O nee, een vlek!' Met deze apparaten reinig je de vloer tot diep in de poriën

In dit artikel leggen we je uit hoe je verschillende soorten vloeren het best kunt schoonmaken — van tapijt tot gietvloeren. We leggen uit hoe vlekkenreinigers en stoomreinigers werken, wat je wel (en vooral níet) moet doen bij houten vloeren en waar je op moet letten bij het kiezen van het juiste apparaat. Zo houd je elke vloer in huis hygiënisch schoon en in topconditie.

In dit artikel lees je:

✔ Wat vlekkenreinigers doen op tapijt en vloerbedekking ✔ Hoe stoomreinigers werken op harde vloeren zoals tegels en gietvloeren ✔ Welke apparaten je beter níet gebruikt op houten vloeren ✔ Tips voor veilig en effectief reinigen van parket

Een schone vloer doet meer dan je denkt: het oogt fris, voelt prettig aan en zorgt voor een gezonde basis in huis. Maar niet elke vloer laat zich op dezelfde manier schoonmaken. Waar een tegelvloer gerust een stoomreiniger aankan, moet je bij hout juist oppassen met vocht en hitte. In dit artikel lees je welke vloerreiniger past bij welk type ondergrond. We duiken in vlekkenreinigers voor tapijt, stoomreinigers voor harde vloeren en bekijken wat wel en niet werkt op gevoelige materialen zoals parket. Ook leggen we uit hoe de apparaten precies werken en waar je op moet letten bij gebruik.

Vlekkenreinigers: speciaal voor zachte vloeren

Zachte vloerbedekking zoals tapijt en karpetten zijn comfortabel, maar kwetsbaar voor vlekken en geurtjes. Alleen een beetje stofzuigen is meestal niet genoeg: vuil zakt diep in de vezels en blijft daar hardnekkig zitten. Vlekkenreinigers of tapijtreinigers zijn hiervoor de oplossing. Ze werken met een combinatie van water, reinigingsmiddel en zuigkracht.

©Andrey Popov

De meeste apparaten hebben een reservoir met schoon water en een aparte tank voor vuil water. Tijdens het reinigen sprayt de machine een mix van water en reinigingsmiddel op het tapijt, en sommige apparaten gebruiken daarbij roterende borstels om het vuil los te werken. Tegelijkertijd zuigt het apparaat het vuile water weer op. Het resultaat: een tapijt dat zichtbaar schoon is én merkbaar frisser aanvoelt (en ruikt!).

Vlek op het tapijt of de nieuwe bank?!

Verwijder 'm snel en vakkundig met een vlekkenreiniger!

Het gebruik vergt wel enige voorbereiding. Voor een goed resultaat moet het tapijt eerst goed worden gestofzuigd. Daarna kun je met de vlekkenreiniger aan de slag. Houd er rekening mee dat het tapijt na afloop wel een paar uur moet drogen – het is dus aan te raden dit klusje op warme dagen te doen. Er bestaan trouwens ook compacte handmodellen voor kleinere oppervlakken of plaatselijke vlekken, bijvoorbeeld na een omgevallen glas wijn of een ongelukje van een huisdier.

Ook voor meubels en autobekleding

Veel vlekkenreinigers hebben accessoires voor stoffen meubels of autostoelen. Dieptereiniging van je bank of eetkamerstoel is dus heel goed te doen. Gebruik bij voorkeur een speciaal opzetstuk en controleer altijd eerst of de bekleding kleurvast is. Laat de stof goed drogen om schimmelvorming te voorkomen.

Stoomreinigers: hygiëne zonder schoonmaakmiddel

Voor harde vloeren zoals tegels, vinyl of gietvloeren is een stoomreiniger een populaire keuze. Deze apparaten gebruiken uitsluitend water, dat wordt verhit tot stoom. Die hete stoom (meestal rond de 100 à 120 °C) wordt via een mondstuk op de vloer gespoten en maakt vuil, vet en bacteriën los zonder chemicaliën te hoeven gebruiken.

©marchsirawit

De meeste stoomreinigers zijn voorzien van een microvezeldoek onder het mondstuk, die het losgekomen vuil meteen opneemt. Dat maakt deze apparaten niet alleen milieuvriendelijk, maar ook geschikt voor mensen met allergieën: huisstofmijt en bacteriën op de vloer worden door de hitte grotendeels gedood.

Het gebruik is erg eenvoudig, al is enige voorzichtigheid wel geboden. Niet elke vloer is bestand tegen hoge temperaturen of vocht. Tegels, natuursteen, beton en gietvloeren zijn meestal geschikt, mits goed afgewerkt. Voor laminaat en vinyl is voorzichtigheid geboden: deze vloeren kunnen kromtrekken als er vocht tussen de naden komt. Controleer daarom altijd de aanbevelingen van de vloerenfabrikant.

Afhankelijk van het apparaat moet het waterreservoir regelmatig worden bijgevuld, zeker bij grotere ruimtes. En om kalkaanslag te voorkomen, is het aan te raden om gedemineraliseerd water of kortweg demiwater te gebruiken, vooral in regio's met hard water.

Houten vloeren: reinigen met beleid

Houten vloeren zoals parket of lamelparket geven een ruimte warmte en karakter, maar zijn wel een stuk gevoeliger dan andere vloerafwerkingen. Te veel vocht of hitte kan leiden tot opzwelling, barsten of verkleuring. Daarom zijn stoomreinigers in vrijwel alle gevallen ongeschikt voor hout, tenzij de vloerfabrikant expliciet vermeldt dat het veilig is (al is dat zeldzaam).

©Philips

Gelukkig zijn er diverse vloerreinigers en dweilapparaten die – in de juiste stand, met het juiste reinigingsmiddel en minimaal vochtgebruik – ook veilig te gebruiken zijn op goed afgewerkte houten vloeren (zoals gelakt of geolied parket).

Denk bijvoorbeeld aan:

  • Spraymoppen of vloerwissers met een ingebouwd reservoir voor een pH-neutraal schoonmaakmiddel. Ze brengen een fijne nevel aan en gebruiken zachte doeken, waardoor de vloer nauwelijks nat wordt. Lees bijvoorbeeld onze review van de Philips OneUp.

  • Multifunctionele vloerreinigers zoals de Kärcher FC 7 of Bissell CrossWave. Deze machines reinigen met draaiende borstels en een minimale hoeveelheid water, en worden vaak verkocht als geschikt voor afgewerkte houten vloeren.

  • Robotstofzuigers met dweilfunctie die ingesteld kunnen worden op een laag vochtgehalte.

Welke oplossing je ook kiest: gebruik altijd een reinigingsmiddel dat specifiek geschikt is voor houten vloeren, vermijd agressieve middelen of te veel water, en test het apparaat eerst op een onopvallende plek. Controleer daarnaast altijd de onderhoudsvoorschriften van de vloer zelf. Sommige houtsoorten of afwerkingen verdragen meer dan andere.