Mobile first to podejście do projektowania, w którym zaczyna się od wersji na małe ekrany i urządzenia mobilne, a dopiero potem rozbudowuje układ dla większych. Wymusza skupienie na najważniejszych treściach i funkcjach.
Zasady mobile first
- najpierw priorytety treści i działań,
- style bazowe dla telefonu, a media queries rozszerzają je dla większych ekranów (
min-width), - duże obszary dotykowe (min. ok. 44–48 px),
- lekkie zasoby i szybkie ładowanie na wolnych sieciach.
Mobile first a mobile-first indexing
To dwa różne pojęcia. Mobile first dotyczy sposobu projektowania, a mobile-first indexing sposobu, w jaki Google ocenia stronę, czyli na podstawie jej wersji mobilnej.
Projektowanie zaczyna się od najmniejszego ekranu, a style dla większych dodaje się w media query z min-width.
Czy mobile first oznacza ignorowanie komputerów?
Nie. Chodzi o kolejność pracy i priorytety. Wersja na komputer nadal powinna wykorzystywać dodatkową przestrzeń.