Каква е широчината на макетиране на уебсайтове за настолни компютри и мобилни устройства сега?

Краткият отговор е: няма такъв. Ако искате уебсайтът ви да бъде подготвен за използване в широкия, див свят, трябва да имате предвид всякаква ширина на екрана между, да речем, 480 и 4800px в ума.

1. Какъв размер трябва да бъде макетът на уебсайт?
2. Каква е ширината на мобилния уебсайт?
3. Какъв размер на екрана трябва да проектирам за мобилни устройства?
4. Каква резолюция трябва да използвам за уеб дизайн?

Какъв размер трябва да бъде макетът на уебсайт?

Трябва да се осигурят макети, които са малко по-широки от контейнера, за да покажат какво се случва на широки екрани. Контейнер с 1366px ще изисква макет, който е широк около 1500px например. Ако контейнерът е бил широк 1200px, макет от 1280px би бил достатъчен както за настолни, така и за лаптопни размери.

Каква е ширината на мобилния уебсайт?

За да се опитат да осигурят най-доброто изживяване, мобилните браузъри изобразяват страницата с ширина на екрана на работния плот (обикновено около 980px, въпреки че това варира в зависимост от устройствата) и след това се опитват да направят съдържанието да изглежда по-добре чрез увеличаване на размерите на шрифта и мащабиране на съдържанието, екран.

Какъв размер на екрана трябва да проектирам за мобилни устройства?

Първо дизайн за вашата аудитория. Дизайн от 360 × 640 до 1920 × 1080. Не проектирайте за един размер на монитора или разделителна способност на екрана. Размерите на екрана и състоянието на прозореца на браузъра варират сред посетителите.
...
Десетте най-често срещани резолюции на екрана.

Каква резолюция трябва да използвам за уеб дизайн?

Кой е най-добрият размер? Както вече споменахме, мнозина твърдят, че трябва поне да оптимизирате дизайна на уебсайтове за 1024 × 768. Това трябва да направи уебсайта да изглежда доста добре на повечето резолюции и устройства.