Screen Size Map

An interactive map of screen sizes for responsive web design

1 follower

An interactive map of screen sizes for responsive web design

1 follower

Visit website

Web browsers

•

Interface design tools

•

UI frameworks

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

Launch Team

This would be a SWEET Figma/Sketch plugin :D

Report

6yr ago

Screen Size Map

Maker

@justin_rockmore Great idea! Maybe the next little side project 💪

Report

6yr ago

Screen Size Map

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...

Report

6yr ago

showGPT

@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.

Report

6yr ago

Screen Size Map

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.

Report

6yr ago