Subscribe
Sign in
p/screen-size-mapAn interactive map of screen sizes for responsive web design
Start new thread
Kevin William David

Screen Size Map - An interactive map of screen sizes for responsive web design

by•

An interactive map of popular screen sizes, illustrating the responsive and adaptive device landscape.
🎉 Screen sizes in device-independent pixel (DP)
🌟 Filter sizes by popularity
🛠 Hide & show device classes
🖥 Browser-based
➡️ Try it now

Add a comment

Replies

Best
Justin Rockmore
This would be a SWEET Figma/Sketch plugin :D
Joh
Maker
@justin_rockmore Great idea! Maybe the next little side project 💪
Joh
Maker
Thank you Kevin for hunting! Some context: About 6 years ago, I worked as a specialist for responsive web design in the design team of Deutsche Telekom (T-mobile). I built a first raw table of screen sizes that time. That topic somehow kept me going. Two years ago from today, me and my team at Boana launched the screen size map. We have been using it for a while internally and decided to put it online for convenience. So here it is – online and free. You can read about the design process here: https://medium.com/boana-stories...
Kitze
@johannes_holl Great job! I'm curious how screensiz.es calculates the popularity score, do you have any idea? I wanted to add the ability to sort the devices in sizzy.co by popularity but I couldn't find a reliable source.
Joh
Maker
Hello @thekitze, thanks you. Nice product that you have there, too. We spotted it some time ago and follow your updates :-) The popularity thing is quite difficult. There is different data out there. I choose a global popularity data set from W3Schools and Statcounter. Of course that feature could be much more complex – e.g. by country or so. screensiz.es mentioned that they took the data from Wikipedia – but the link is not there any more.
valu
Love it!
Joh
Maker
@ulf_valentin thank you, valu!
Phil Schmid
Great stuff
Marcus Graf
Awesome, love it!
Joh
Maker
@fargho Thanks, Marcus! 🎉
Rob Hope ⚡️Yo!
Congrats on the launch Johannes and team!
Joh
Maker
@robhope Thanks Rob!
Shafkathullah Ihsan
Beautiful!
Joh
Maker
@shafkathullah_ihsan Thank you! :-)
Callen Hedglen
Cool product! Definitely assumed we'd each be able to connect via Google Analytics (or something similar) though; had to view these comments to understand where the data was coming from.
Joh
Maker
Hello @chedglen, so true. Where the data is coming from is one of the most asked questions. And we need to answer that in the UI and also give better options to choose/import data sets for both: users who have live data and those wo don't. I just need some time to do that in this side project :-D It's on the list. BTW: help wanted if someone wants to join a side project!
Malaika MpressMe
This is amazing!!!
Joh
Maker
Thanks @malaika_mpressme – glad that you like it!
Pablo Osorio da Silva
Very nice solution, but should be updated in about current available displays
Joh
Maker
Hi @pablomoises, not sure I understand what you mean. Should i update the name itself or are you missing some screen sizes?