border=0

Технологія »Настроюваний веб-дизайн (реагуючий)

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


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


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

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


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


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

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

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

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

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

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

Саме з запуску першого iPhone в 2006 році гонка була розв'язана, щоб налаштувати веб-сайти, щоб їх можна було побачити як на робочому столі, так і на великих екранах, а також на мобільних пристроях.

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

Автор: Guillem Alsina González | + QUOTE
Теми в Адаптивний веб-дизайн

Соціальні мережі