Tjo igen! :D
Jag har en rätt så öppen och allmän fråga om skärmbredd när det kommer till frontend-utveckling. Jag frågar för jag blir smått förvirrad över dessa två webbplatser som pratar om de vanligaste skärmupplösningarna för mobiltelefoner:
https://www.statista.com/statistics/1445438/leading-mobile-sc...
https://gs.statcounter.com/screen-resolution-stats/mobile/wor...
Båda verkar hamna på någonstans runt 400px skärmbredd. Men sedan tittade jag på mina två Android-telefoner, en billig OnePlus och en 5-lax Xiaomi mobil för några år sedan. Förstnämnda har skärmbredd på 720px och andra runt 1000px och i designfiler jag fått från nuvarande Uppdragsgivare så användes en iPhone X med en skärmbredd på cirka 1100px.
Dessa är ju flera gånger ifrån cirka 400px skärmbredd? Samtidigt så jag i båda länkarna om att "Övriga mobilupplösningar" motsvarar cirka 25-35 % av alla mobilupplösningar och frågan är då om det är dessa som utgör de mer "moderna" skärmupplösningarna hos mobiler idag?🤔
Mina två mobiler är ju inom "budget"-prisklassen och dyrare bör ju per automatik antingen ha lika hög skärmbredd eller ännu högre som exempelvis iPhone med sina cirka 1100px skärmbredd och cirka 2000px skärmhöjd? Jag är dessutom inte en flitig mobilanvändare så jag har ont om erfarenhet att experimentera med responsiv design trots att hela frontend-utvecklingen för det mesta bygger på "Mobile first" designtänk?🤣
Hursomhelst funderar jag på att utgå från 400px skärmbredd och ta det från där. Eller finns någon annan rekommendation vad för startpunkt i form av brytningspunkt(er) för mobiltelefoner att utgå ifrån? Webbplatsen jag utvecklar just nu så är det med 100 % säkerhet att dess primära slutanvändare kommer att använda mobiltelefoner (inte surfplattor) för att ta del av webbplatsen, och frontend-utveckling är som tidigare sagt min akilleshäl än så länge som fullstack-utvecklare på nyutexaminerad juniornivå.
Mvh,
WKF.
