Az adaptív webdesign meghatározása

Évekkel ezelőtt, amikor a technológia az volt, csak aggódni kellett, hogy a vizuális dolgok (képek, játékok, alkalmazásfelületek, ...) jól nézett ki egy olyan képernyőn, amely körülbelül 14 hüvelyknyire lehetett az a-tól monitor tól től számítógép. De a evolúció Megállíthatatlan volt, jelenleg számos eszköz és formátum áll rendelkezésünkre.

Ez azt jelentette, hogy egy felhasználói felületnek vagy bármilyen más tartalomnak már nem kell mással foglalkoznia képméretek, ha nem másként használt eszközökkel, és a méretarányok eltérőek nevezetesen.

Az internet, a 90-es években megjelent előrelépés, amely azóta elengedhetetlenné vált, a platform forgatókönyvének ezen változásain is átesett. használható, és a webes szabványokat kezelő szervezeteknek ötletes megoldásokat kellett választaniuk, hogy megkönnyítsék az interfész-fejlesztők életét Web.

Reszponzív weboldal (más néven: fogékony, az eredeti angol szó átvétele) olyan, amelynek kezelőfelületét automatikusan átméretezik, és annak A grafikus elemek áthelyezésre kerülnek, hogy bármilyen képernyőméretnél és oldalaránynál könnyebben megtekinthetők legyenek. megjelenés.

instagram story viewer

Gondoljuk át a sokféleség képernyőformátumok, az 5 hüvelykes képernyővel és függőlegesen leolvasható 18: 9 arányú okostelefontól a 16: 9 40 hüvelykes televízióig terjedő képernyők, számítógép vagy táblagép hagyva közöttük.

Amíg nem tették meg a felület elkészítését grafikon A weboldalak egy része automatikusan alkalmazkodik ahhoz a képernyőhöz, amelyen megtekintették A „megoldás” az összes lehetséges formátum előrejelzéséből és a különböző oldalak megfelelő kiszolgálásából állt. A problémát azok az előre nem látható formátumok jelentették, amelyeket a technológiai fejlődés természetesen biztosított.

Azok az eszközök, amelyek lehetővé teszik a reszponzív kialakítást, amely alkalmazkodik ahhoz a képernyőformátumhoz, amelyben a képet megtekintették. függetlenül attól, hogy mi ez a formátum és a képernyő mérete, a W3C (World Wide Web) állította be Konzorcium).

Ennek a technológiának a bevezetése pedig az oldalak tartalmának elválasztásától volt lehetséges bemutatás az említett tartalom és a kinézet és érzés oldal CSS stílusmeghatározó fájlok használatával.

Ezek lehetővé teszik egy teljes weboldal (oldalakként értelmezett) megjelenésének módosítását anélkül, hogy hozzá kellene nyúlnia a webhelyhez kód Az összes HTML fájl forrása, mivel különbözik a stílus és a megjelenítés definícióitól (a fájl CSS) a tartalom (megtalálható a HTML fájlokban).

A reszponzív tervezés elemeiről a W3C a 21. század első évtizedének vége óta foglalkozik és vezet be az internetes szabványokban.

Től származik dob az első iPhone-ról, 2006-ban, amelyben a verseny azért indult el, hogy a weboldalakat úgy igazítsák az asztali böngészőkben és a nagy képernyőkön, valamint az eszközökön is tökéletesen látható mobilok.

Fotolia fotók: Alexey Shkitenkov / Bobb Klissourski