Qual è la larghezza del mockup di siti Web per desktop e dispositivi mobili ora??

La risposta breve è: non c'è nessuno. Se vuoi che il tuo sito web sia pronto per l'uso in un mondo vasto e selvaggio, dovresti tenere a mente qualsiasi larghezza dello schermo tra, ad esempio, 480 e 4800 px.

1. Che dimensioni dovrebbe avere un mockup di un sito web?
2. Qual è la larghezza del sito web mobile??
3. Quale dimensione dello schermo dovrei progettare per i dispositivi mobili?
4. Quale risoluzione dovrei usare per il web design?

Che dimensioni dovrebbe avere un mockup di un sito web?

Dovrebbero essere forniti modelli leggermente più larghi del contenitore per mostrare cosa succede su schermi larghi. Un contenitore di 1366 px richiederebbe un mockup di circa 1500 px di larghezza, ad esempio. Se il contenitore fosse largo 1200 px, un mockup di 1280 px di larghezza sarebbe sufficiente sia per desktop che per laptop.

Qual è la larghezza del sito web mobile??

Per tentare di fornire la migliore esperienza, i browser mobili visualizzano la pagina con una larghezza dello schermo del desktop (di solito circa 980 px, anche se questo varia tra i dispositivi), quindi cercano di migliorare l'aspetto del contenuto aumentando le dimensioni dei caratteri e ridimensionando il contenuto per adattarlo al schermo.

Quale dimensione dello schermo dovrei progettare per i dispositivi mobili?

Progetta per il tuo pubblico, prima di tutto. Design da 360×640 a 1920×1080. Non progettare per una dimensione del monitor o una risoluzione dello schermo. Le dimensioni dello schermo e lo stato della finestra del browser variano a seconda dei visitatori.
...
Le dieci risoluzioni dello schermo più comuni.

Quale risoluzione dovrei usare per il web design?

Qual è la taglia migliore?? Come già accennato, molti sostengono che dovresti almeno ottimizzare i design dei siti Web per 1024 × 768. Questo dovrebbe far sembrare un sito abbastanza buono sulla maggior parte delle risoluzioni e dei dispositivi.