Skip to content

Visualizes other visitors' screen sizes in real-time

Notifications You must be signed in to change notification settings

rupl/screensizes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

5ff8054 Β· Sep 28, 2022

History

43 Commits
Sep 28, 2022
Sep 28, 2022
Sep 28, 2022
Sep 28, 2022
Sep 28, 2022
Nov 7, 2017
Sep 21, 2016
Sep 28, 2022
Sep 28, 2022
Sep 28, 2022
Sep 28, 2022
Sep 28, 2022

Repository files navigation

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.