Skip to content
Visualizes other visitors' screen sizes in real-time
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
sass
views
.gitignore
.nvmrc
.snyk
README.md
app.json
gulpfile.js
index.js
package-lock.json
package.json

README.md

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.

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.