Een browservenster is het applicatiekader waarin een webbrowser je het internet laat zien. Het bevat de tabbladen, de werkbalk, de adresbalk en, met verreweg de meeste ruimte, het inhoudsgebied waar de eigenlijke website verschijnt. Als mensen zeggen dat ze een site open hebben staan, bedoelen ze dat hij geladen is in een browservenster.
Het helpt om het venster te scheiden van wat erin zit. Een webbrowser zoals Chrome of Safari is het programma. Het venster is één geopend kader van dat programma, en je kunt er meerdere tegelijk hebben, plus veel tabbladen in elk. Zie het venster als één ruit waar je doorheen kijkt, en tabbladen als verschillende weergaven waartussen je achter diezelfde ruit kunt wisselen. Bovenaan zit de adresbalk, waar de huidige URL staat.
Voor bouwers is het belangrijkste deel de viewport: het zichtbare inhoudsgebied binnen het venster, zonder de werkbalk en tabbladen. Dat is de ruimte waarin een website daadwerkelijk mag tekenen, en die verandert op het moment dat iemand het venster verkleint of een telefoon draait. Responsive layouts reageren op de breedte van de viewport, en daarom herschikt een pagina zich terwijl je een venster smaller sleept. Mensen vergeten ook dat niet iedereen schermvullend surft. Iemand die twee producten vergelijkt, duwt jouw site misschien in de helft van het scherm, met een spreadsheet ernaast, en je zorgvuldige grid met drie kolommen moet ineens overleven in een veel smaller kader. Ontwerpen voor het venster, niet voor de monitor, is wat de pagina in die situatie overeind houdt.
Bij TopDevs ontwerpen we tegen echte viewport-maten in plaats van vaste afmetingen, zodat een site er doordacht uitziet of het venster nu maximaal staat of in een hoekje is geduwd.
