Да таго, як адаптыўны дызайн стаў стандартам, бізнес часта ствараў асобныя мабільныя і настольныя версіі аднаго і таго ж сайта. Адаптыўны дызайн вырашыў гэта з дапамогай аднаго гнуткага макета, які адаптуецца самастойна.
Бізнес часта падтрымліваў асобны мабільны сайт "m." разам з асноўным настольным сайтам — дубляваны кантэнт, дубляванае абслугоўванне і дзве рэчы, якія трэба было сінхранізаваць кожны раз, калі нешта мянялася.
Ітан Маркот, які ўвёў тэрмін "адаптыўны вэб-дызайн" у артыкуле 2010 года, запазычыў канцэпцыю з адаптыўнай архітэктуры — будынкаў, распрацаваных для адаптацыі да іх асяроддзя.
Наведвальнікі прыбываюць з велізарнага дыапазону прылад — тэлефонаў, планшэтаў, ноўтбукаў і ўсяго, што паміж імі. Адаптыўны макет азначае, што адзін і той жа сайт сапраўды добра працуе на ўсіх іх, без падтрымкі асобных версій.
Кожны прадукт NOXEL360 цалкам адаптыўны — адзін і той жа досвед чыста адаптуецца, незалежна ад таго, ці вы на тэлефоне або камп'ютары.
Так — дыапазон памераў экранаў, якія выкарыстоўваюць наведвальнікі, толькі павялічыўся, што робіць адаптыўныя макеты настолькі ж важнымі, як і раней.
Правіла CSS, якое прымяняе розныя стылі ў залежнасці ад шырыні экрана, дазваляючы макету адаптавацца ў вызначаных кропках злому.
Звязаныя, але розныя паняцці — адаптыўны дызайн — гэта агульны падыход да адаптацыі да любога памеру экрана; мабільна-арыентаваны — гэта канкрэтная стратэгія распрацоўкі спачатку для малых экранаў.
Не па сваёй прыродзе — добра пабудаваны адаптыўны сайт працуе добра; дрэнная рэалізацыя (напрыклад, загрузка вялікіх выяў на мабільных прыладах) — гэто сапраўдная прычына.
Тэставанне рэпрэзентатыўнага дыапазону (малы тэлефон, планшэт, распаўсюджаныя шырыні камп'ютэраў) звычайна дастаткова, а не тэставанне кожнай дакладнай прылады.
Канкрэтная шырыня экрана, пры якой макет змяняецца, каб лепш адпавядаць гэтаму дыапазону памераў, вызначаная з дапамогай медыя-запытаў.
Так, пазітыўна — Google рэкамендуе адаптыўны дызайн і індэксуе мабільную версію сайта ў першую чаргу, што робіць яго непасрэдна актуальным для пошукавай прадукцыйнасці.
Паглядзіце на цалкам адаптыўны досвед прадукту на кожнай прыладзе.
Азнаёмцеся з панэллю кіравання NOXEL360 →