Дефиниция на отзивчив уеб дизайн

Преди години, когато технологията беше това, което беше, човек трябваше само да се притеснява, че визуалните неща, които прави (изображения, игри, интерфейси на приложения, ...) изглеждаха добре на екран, който може да е на около 14 инча от монитор от компютър. Но еволюция Това беше неудържимо и в момента разполагаме с множество устройства и формати.

Това означава, че потребителският интерфейс или друго съдържание вече не трябва да се справя с различно размери на изображенията, ако не и с устройства, които се използват по различен начин, и съотношения, които се различават по-специално.

Мрежата, напредък, който се появи през 90-те години и който оттогава стана съществен, също претърпя тези промени в сценария на платформата, от който могат да бъдат използвани и обектите, които управляват уеб стандартите, трябваше да избират гениални решения, за да улеснят живота на разработчиците на интерфейси Уеб.

Отзивчива уеб страница (наричана още отзивчив, приемане на оригиналната английска дума) е този, чийто интерфейс автоматично се преоразмерява и неговия Графичните елементи са преместени за лесно гледане при всякакъв размер на екрана и съотношение. външен вид.

instagram story viewer

Нека помислим за разнообразие екранни формати, вариращи от смартфон с 5-инчов екран и съотношение 18: 9, които могат да се четат вертикално до 16: 9 40-инчов телевизор, оставяйки компютър или таблет между тях.

Докато не бяха предприети стъпки за създаване на интерфейса графика на уеб страниците автоматично ще се адаптира към екрана, на който е била разглеждана, „Решение“ се състоеше от предвиждане на всички възможни формати и обслужване на различни страници, както е подходящо. Проблемът беше в тези непредвидени формати и тези, които технологичната еволюция осигури естествено.

Инструментите за постигане на отзивчив дизайн, който ще се адаптира към формата на екрана, в който се гледа изображението. уебсайта, независимо от този формат и размера на екрана, са зададени от W3C (World Wide Web Консорциум).

И въвеждането на тази технология стана възможно благодарение на отделянето на съдържанието на страниците от това, което беше презентация на споменатото съдържание и поглед и усещане страница с помощта на CSS файлове за дефиниция на стил.

Те ви позволяват да модифицирате външния вид на цял уебсайт (разбира се като набор от страници), без да се налага да докосвате код източник на всички HTML файлове, тъй като се различава какви са дефинициите на стила и презентацията (съдържащи се в файл CSS) на съдържанието (намира се в HTML файлове).

Елементите на отзивчивия дизайн са обсъждани и въведени в уеб стандартите от W3C от края на първото десетилетие на 21 век.

То е от стартиране на първия iPhone, през 2006 г., в който надпреварата беше разгърната, за да коригира уебсайтовете така, че може да се види перфектно както на настолни браузъри, така и на големи екрани, както и на устройства мобилни телефони.

Фотолиа снимки: Алексей Шкитенков / Боб Клисурски