rupl / screensizes

Visualizes other visitors' screen sizes in real-time

Home Page:https://screensizes.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Screensizes

Check it out on the live site! It displays visitors' screen sizes in real-time.

Inspired by the visualization on Brad Frost's This Is Responsive.

Use this on your own site

There's a route called /screen which takes two params:

  • w is the width
  • h is the height

You can measure these on the client-side by checking window.innerWidth and window.innerHeight. Then just GET the URL and supply the two dimensions. The server handles the rest!

/screen?w=480&h=640

Screenshot

image

Made with 💞 by Chris Ruppel.

About

Visualizes other visitors' screen sizes in real-time

https://screensizes.org


Languages

Language:JavaScript 66.3%Language:CSS 33.7%