Адаптивний веб дизайн (adaptive design) - новітня технологія, що дозволяє зробити сайт зручним для читання усіма пристроями, що мають вихід в інтернет. Такий дизайн автоматично підлаштовує сайт під параметри пристрою, з якого його зчитують. Використовуються каскадні таблиці стилів (CSS).
Відрізняється даний веб дизайн своєї гнучкістю і методом «прогресивного поліпшення», що визначає початкове завантаження найбільш простого макету сайту. Але якщо браузер споживача має відповідні можливості, то макет додає функціоналу, таким чином «поліпшуючись».
Подібна технологія дає можливість завантажувати ресурси на будь-які мобільні пристрої, замінюючи, таким чином, кілька сайтів одним.
Безумовною перевагою для замовника є економія коштів і часу. Йому не доведеться створювати кілька сайтів для різних пристроїв, крім того, користувачі відвідують з усіх пристроїв один і той же сайт, що дає незаперечний плюс при його розкрутці.
Своєю появою ця технологія зобов'язана Ітану Маркотт, який випустив книгу «Responsive Web Design», завдяки якій в ужиток увійшов термін «чуйний веб дизайн». Надалі ця ідея була покращена і допрацьована Аароном Густафсоном в книзі «Адаптивний веб-дизайн: багатий досвід розробки з прогресивним поліпшенням».
На даний момент під адаптивним веб дизайном розуміють «чуйний веб дизайн» (responsive web design), який характеризується: «гумовим» макетом, гнучкими зображеннями і роботою з медіазапитами; плюс метод «прогресивного поліпшення».
Основні плюси адаптивного дизайну:
- можливість читання з мобільних і звичайних пристроїв;
- поліпшення пошукової видачі ресурсу, оскільки користувачі з усіх пристроїв будуть заходити на один і той же сайт;
- зручність для користувачів, так як, заходячи з різних пристроїв, вони будуть бачити однаковий вигляд сторінок;
- точність аналізу статистики заходів на ресурс, пов'язана з тим, що це один сайт.
На технологію адаптивного веб дизайну вже перейшли такі відомі сайти, як The Boston Globe, дизайнерський ресурс Smashing Magazine і сайт, що належить мобільному браузеру Nokia.