Definiția Responsive Web Design

Cu ani în urmă, când tehnologia era ceea ce era, nu trebuia decât să vă faceți griji că lucrurile vizuale pe care le făcea (imagini, jocuri, interfețe de aplicații, ...) arătau bine pe un ecran care putea fi la aproximativ 14 inci de un monitor din calculator. Cu exceptia evoluţie A fost de neoprit, iar în prezent avem o multitudine de dispozitive și formate.

Acest lucru a însemnat că o interfață cu utilizatorul sau orice alt conținut nu mai trebuie să se ocupe de diferit dimensiunile imaginii, dacă nu cu dispozitivele care sunt utilizate în mod diferit și raporturile de aspect care diferă mai ales.

Web-ul, un progres care a apărut în anii 90 și care, de atunci, a devenit esențial, a suferit și aceste schimbări în scenariul platformei din care pot fi utilizate, iar entitățile care gestionează standardele web au trebuit să aleagă soluții ingenioase pentru a face viața mai ușoară dezvoltatorilor de interfețe Web.

O pagină web receptivă (numită și receptiv

instagram story viewer

, adoptarea cuvântului original englezesc) este unul a cărui interfață este redimensionată automat și a acestuia Elementele grafice sunt repoziționate pentru o vizualizare ușoară la orice dimensiune și raport de aspect al ecranului. aspect.

Să ne gândim la diversitate formate de ecran, de la un smartphone cu un ecran de 5 ”și un raport de 18: 9 care poate fi citit vertical la un televizor de 16: 9 de 40”, lăsând un computer sau o tabletă între ele.

Până când s-au făcut pași pentru realizarea interfeței grafic din paginile web se vor adapta automat la ecranul pe care a fost vizualizat, „Soluția” a constat în anticiparea tuturor formatelor posibile și difuzarea de pagini diferite, după caz. Problema a fost acele formate neprevăzute și cele pe care evoluția tehnologică le-a oferit în mod natural.

Instrumentele pentru a obține un design receptiv, care să se adapteze la formatul ecranului în care imaginea a fost vizualizată. site-ul web, indiferent de formatul și dimensiunea ecranului, au fost stabilite de W3C (World Wide Web Consorţiu).

Iar introducerea acestei tehnologii a fost posibilă datorită separării conținutului paginilor de ceea ce a fost prezentare a conținutului menționat și a privește și simte pagină utilizând fișiere de definiție a stilului CSS.

Acestea vă permit să modificați aspectul unui întreg site web (înțeles ca un set de pagini) fără a fi nevoie să atingeți cod sursa tuturor fișierelor HTML, deoarece diferă care sunt definițiile stilului și ale prezentării (conținute în fişier CSS) a conținutului (găsit în fișiere HTML).

Elementele designului receptiv au fost discutate și introduse în standardele web de către W3C de la sfârșitul primului deceniu al secolului XXI.

Este din lansa a primului iPhone, în 2006, în care s-a declanșat cursa pentru a ajusta site-urile web astfel încât poate fi văzut perfect atât pe browserele desktop și pe ecranele mari, cât și pe dispozitive telefoane mobile.

Fotografii Fotolia: Alexey Shkitenkov / Bobb Klissourski