Визначення адаптивного веб-дизайну

Багато років тому, коли технологія була такою, якою вона була, потрібно було лише переживати, що візуальні речі, які вони робили (зображення, ігри, інтерфейси програм, ...) добре виглядали на екрані, який міг знаходитися приблизно в 14 дюймах від монітор від комп'ютер. Але еволюція Це було не зупинити, і зараз ми маємо безліч пристроїв та форматів.

Це означало, що користувальницький інтерфейс або будь-який інший вміст більше не повинен мати справу з різними розміри зображень, якщо не на пристроях, які використовуються по-різному, і співвідношення сторін, що відрізняються примітно.

Інтернет, прогрес, що з’явився в 90-х роках і який з тих пір став важливим, також зазнав цих змін у сценарії платформи, з якого можуть використовуватися, і організації, які керують веб-стандартами, повинні були вибрати геніальні рішення, щоб полегшити життя розробникам інтерфейсів Інтернет.

Адаптивна веб-сторінка (також називається чуйний, прийняття оригінального англійського слова) - це той, інтерфейс якого автоматично змінюється та його розмір Графічні елементи розміщені для зручного перегляду при будь-якому розмірі екрана та співвідношенні сторін. зовнішній вигляд.

instagram story viewer

Давайте подумаємо про різноманітність формати екрану, починаючи від смартфона з 5-дюймовим екраном і пропорцією 18: 9, який можна читати вертикально до телевізора 16: 9 40 ”, залишаючи між собою комп’ютер або планшет.

Поки не було зроблено кроків щодо створення інтерфейсу графік веб-сторінок автоматично адаптується до екрану, на якому вона переглядалася, "Рішення" полягало у передбаченні всіх можливих форматів та обслуговуванні різних сторінок за необхідності. Проблемою були ті непередбачені формати та ті, які технологічна еволюція забезпечила природним шляхом.

Інструменти для досягнення адаптивного дизайну, який адаптується до формату екрану, в якому переглядається зображення. веб-сайту, незалежно від формату та розміру екрану, були встановлені W3C (World Wide Web Консорціум).

І впровадження цієї технології стало можливим завдяки відокремленню вмісту сторінок від того, що було презентація зазначеного вмісту та дивитись і відчувати сторінки за допомогою файлів визначення стилів CSS.

Вони дозволяють змінювати зовнішній вигляд цілого веб-сайту (розуміється як набір сторінок) без необхідності торкатися його код джерело всіх файлів HTML, оскільки він відрізняється визначенням стилю та презентації (що містяться в файл CSS) вмісту (знайдений у файлах HTML).

Елементи адаптивного дизайну обговорювалися та впроваджувались у веб-стандарти W3C з кінця першого десятиліття 21 століття.

Це від запуск першого iPhone, в 2006 році, коли розгорнулася гонка з метою налаштування веб-сайтів таким чином можна чудово бачити як у настільних браузерах, так і на великих екранах, а також на пристроях мобільні телефони.

Фотографії Фото: Олексій Шкітенков / Боб Клісурський