Definitie van responsive webdesign

Jaren geleden, toen technologie was wat het was, hoefde men zich alleen maar zorgen te maken dat de visuele dingen die het deed (beelden, games, applicatie-interfaces, ...) zag er goed uit op een scherm dat ongeveer 14 inch verwijderd zou kunnen zijn van een monitor van computer. Maar de evolutie Het is niet te stoppen en we hebben momenteel een veelvoud aan apparaten en formaten.

Dit heeft ertoe geleid dat een gebruikersinterface of andere inhoud niet langer te maken heeft met verschillende afbeeldingsformaten, zo niet met apparaten die anders worden gebruikt, en beeldverhoudingen die verschillen met name.

Het web, een vooruitgang die in de jaren 90 opkwam en sindsdien essentieel is geworden, heeft deze veranderingen ook ondergaan in het platformscenario van waaruit kunnen worden gebruikt, en de entiteiten die webstandaarden beheren, moesten ingenieuze oplossingen kiezen om het leven van interface-ontwikkelaars gemakkelijker te maken Web.

Een responsieve webpagina (ook wel

instagram story viewer

snel reagerend, adoptie van het originele Engelse woord) is er een waarvan de interface automatisch wordt verkleind en de Grafische elementen zijn verplaatst zodat ze gemakkelijk kunnen worden bekeken op elk schermformaat en elke beeldverhouding. uiterlijk.

Laten we denken aan de diversiteit schermformaten variërend van een smartphone met een 5” scherm en een 18:9 verhouding die verticaal af te lezen is tot een 16:9 40” televisie, met daar tussenin een computer of tablet.

Totdat er stappen werden ondernomen om de interface te maken grafiek van de webpagina's zich automatisch aanpassen aan het scherm waarop deze werd bekeken, "Oplossing" bestond uit het anticiperen op alle mogelijke formaten en het aanbieden van verschillende pagina's waar nodig. Het probleem waren die onvoorziene formaten en die waar de technologische evolutie natuurlijk voor zorgde.

De tools om tot een responsive design te komen, dat zich zou aanpassen aan het schermformaat waarin de afbeelding werd bekeken. website, ongeacht het formaat en de schermgrootte, zijn ingesteld door de W3C (World Wide Web Consortium).

En de introductie van deze technologie was mogelijk dankzij de scheiding van de inhoud van de pagina's van wat was de presentatie van de inhoud en de kijk & voel pagina met behulp van CSS-stijldefinitiebestanden.

Hiermee kunt u het uiterlijk van een hele website (begrepen als een reeks pagina's) wijzigen zonder de knop aan te raken code bron van alle HTML-bestanden, aangezien het verschilt wat de definities zijn van de stijl en de presentatie (vervat in de het dossier CSS) van de inhoud (te vinden in HTML-bestanden).

De elementen van responsive design zijn sinds het einde van het eerste decennium van de 21e eeuw besproken en geïntroduceerd in webstandaarden door het W3C.

Het is van lancering van de eerste iPhone, in 2006, waarin de race werd losgelaten om websites aan te passen zodat kan perfect worden bekeken, zowel op desktopbrowsers en grote schermen, als op apparaten mobieltjes.

Fotolia-foto's: Alexey Shkitenkov / Bobb Klissourski