Definition av Responsive Web Design

För många år sedan, när tekniken var vad den var, var man bara orolig för att de visuella sakerna de gjorde (bilder, spel, applikationsgränssnitt, ...) såg bra ut på en skärm som kunde placeras cirka 14 tum från en övervaka från dator. Men Evolution Det har varit ostoppbart och vi har för närvarande en mängd enheter och format.

Detta har inneburit att ett användargränssnitt eller annat innehåll inte längre behöver hantera olika bildstorlekar, om inte med enheter som används annorlunda, och bildförhållanden som skiljer sig åt i synnerhet.

Nätet, ett framsteg som uppstod på 90-talet och som sedan dess har blivit väsentligt, har också genomgått dessa förändringar i plattformsscenariot från vilket kan användas, och enheterna som hanterar webbstandarder har varit tvungna att välja geniala lösningar för att göra livet enklare för gränssnittsutvecklare Webb.

En lyhörd webbsida (även kallad mottaglig, antagande av det ursprungliga engelska ordet) är ett vars gränssnitt automatiskt ändras och dess Grafiska element omplaceras för enkel visning i valfri skärmstorlek och bildförhållande. utseende.

instagram story viewer

Låt oss tänka på mångfald skärmformat som sträcker sig från en smartphone med en 5-tumsskärm och 18: 9-förhållande som kan läsas vertikalt till en 16: 9 40-tv, vilket lämnar en dator eller surfplatta däremellan.

Tills åtgärder vidtogs för att skapa gränssnittet Graf av webbsidorna anpassas automatiskt till skärmen där den visades, "Lösning" bestod av att förutse alla möjliga format och betjäna olika sidor efter behov. Problemet var de oförutsedda formaten och de som den tekniska utvecklingen gav naturligt.

Verktygen för att uppnå en lyhörd design som skulle anpassa sig till det skärmformat där bilden visades. webbplatsen oavsett vilket format och skärmstorlek som var, ställdes in av W3C (World Wide Web Konsortium).

Och introduktionen av denna teknik var möjlig tack vare att sidornas innehåll separerades från det som var presentation av nämnda innehåll och utseende & känsla med CSS-stildefinitionsfiler.

Dessa låter dig ändra utseendet på en hel webbplats (förstås som en uppsättning sidor) utan att behöva röra vid koda källan till alla HTML - filer, eftersom det skiljer sig åt vad som är definitionerna för stilen och presentationen (som finns i fil CSS) av innehållet (finns i HTML-filer).

Elementen i responsiv design har diskuterats och introducerats i webbstandarder av W3C sedan slutet av det första decenniet av 2000-talet.

Det är från lansera av den första iPhone, 2006, där loppet släpptes loss för att justera webbplatser så att kan ses perfekt både på stationära webbläsare och stora skärmar, såväl som på enheter mobiler.

Fotolia-foton: Alexey Shkitenkov / Bobb Klissourski